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POREVWORD 


我 2010 年 的 时 候 开 始 接触 Android 的 。 那 时 候 Android 吸引 我 的 原因 很 简 
单 : 苹果 的 体验 ,诺基亚 的 价格 。 后 来 又 在 程序 员 杂 志 中 看 到 一 篇 介绍 Android 开发 的 文 
章 , 非 常 惊讶 地 发 现 Android 的 开发 语言 是 我 最 熟悉 的 Java, 于 是 就 开始 了 Android 的 开发 
之 路 。 

Android 给 我 带 来 的 是 完全 不 同 于 桌面 应 用 、 网 站 的 体验 ,开发 Android 应 用 对 我 来 说 
就 是 一 种 乐趣 。 把 这 种 乐趣 和 读者 们 一 起 分 享 也 是 我 写 这 本 书 的 初衷 之 一 。 

2012 年 的 夏天 我 出 版 了 我 的 第 一 本 Android 入 门 书 籍 。 现 在 来 看 ,当时 写 的 那 本 书 不 
够 完善 ,因此 才 会 有 写 这 第 二 本 书 的 想法 。 人 总 是 在 学 习 进 步 的 过 程 中 ,就 算是 现在 来 看 刚 
开始 写 这 本 书 的 半年 前 ,也 会 发 现 有 些 丝 漏 及 不 妥 的 地 方 ,虽然 在 写 后 面 的 章节 会 慢 慢 地 回 
过 头 去 修改 前 面 的 内 容 , 但 总 还 是 觉得 不 够 好 ,也 只 能 说 ,如 果 要 磨 出 一 本 好 书 的 话 ,这 点 时 
间 确 实 不 够 。 而 IT 行业 却 是 日 新 月 异 的 行业 ,这 本 书 截 稿 的 时 候 刚 好 推出 了 Android 4. 3， 
但 是 等 到 出 版 的 时 候 可 能 已 经 进化 到 Android 5.0 了 。 如 果 要 等 万 事 都 完美 了 再 来 出 版 这 
本 书 , 那 恐怕 还 赶不上 更 新 速度 。 

站 在 一 个 普通 读者 的 角度 上 来 说 ,对 于 工具 类 的 开发 书籍 ,我 的 使 用 方法 是 : 在 电脑 上 
读 代码 而 不 是 在 书 里 。 在 电脑 上 读 代 码 好 处 很 多 ,在 读 代码 时 ,Ctrl 一 下 就 可 以 跳 到 那个 方 
法 , 跳 来 跳 去 非常 方便 ,而 书 就 做 不 到 这 一 点 。 因 此 我 尽量 少 在 书 中 贴 不 必要 的 代码 ,本 书 
配套 资料 中 会 有 附带 本 书 讲 到 的 所 有 代码 ,读者 可 以 放 到 电脑 上 读 。 但 是 作为 技术 书籍 , 代 
码 肯定 是 会 有 的 ,而 且 还 占 比较 大 的 篇 幅 。 在 书 中 ,我 尽量 用 图 来 说 话 , 将 每 个 模块 都 分 步 
讲解 ,希望 广大 读者 可 以 接受 这 种 方式 。 

由 于 时 间 匆 促 , 学 识 有 限 , 书 中 不 足 和 政 漏 之 处 在 所 难免 ,恳请 广大 读者 将 意见 与 建议 
反馈 给 我 们 ,以 便 在 后 续 版 本 中 不 断 改进 和 完善 。 

1. 本 书 的 章节 安排 

本 书 一 共 9 个 章节 ,各 章 的 重点 分 别 为 : 

第 1 章 Android 环境 搭建 .Android 开发 框架 、ADT 的 使 用 。 

第 2 章 ”四 大 组 件 \、 五 大 布局 .基本 控件 的 使 用 。 

第 3 章 ListView ,数据 存储 、Notification、AppWidget, 讲 解 应 用 Timetable。 
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第 4 章 ExpandableListView、Animation ,讲解 应 用 to-do。 

第 5 章 ”SurfaceView 、 浮 窗 ,讲解 应 用 Clock。 

第 6 章 调用 系统 服务 、 获 取 系 统 信 息 , 讲 解 应 用 Easearch。 

第 7 章 地 图 开发 .传感器 开发 .相机 开发 .Canvas 绘图 ,讲解 应 用 MyWhere。 

第 8 章 fragment、ViewFlipper、MediaPlayer, 讲 解 应 用 YiRstr。 

第 9 章 ViewPager、PagerTitleStrip、GridLayout、 增 强 Notification。 

本 书 以 “总 -分 ”的 形式 安排 各 个 章节 , 先 讲解 章节 中 使 用 的 各 个 知识 点 ,再 讲解 这 些 知 
识 点 如 何 运用 到 本 书 当 中 。 

2. 本 书 适合 的 读者 

2 略 懂 Java 的 程序 员 ; 

和 Android 开发 的 初学 者 ; 

$ 完全 没有 尝试 过 Android 开发 的 开发 人 员 。 

3. 鸣谢 

感谢 总 是 不 遗 余力 帮助 我 的 郭 老 师 , 总 是 能 给 我 带 来 正 能 量 的 Maya, 只 有 数 面 之 缘 的 
Stan 夫妇 ,AIESEC 的 Connie 以 及 Alex, 当 然 还 有 老 爸 老 妈 ,一 起 玩乐 的 兄弟 们 。 


黄 宇 健 
2014 年 4 月 
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Android 世界 百 坊 


Android 是 一 种 基于 Linux 的 自由 及 开放 源 代码 的 操作 系统 ,主要 适用 于 便携 设备 ,如 
智能 手机 和 平板 电脑 …… 我 知道 读者 懂得 怎么 上 网 百度 ,所 以 我 不 打算 把 一 整 段 百度 百科 
的 文字 放 到 这 本 书 中 来 ,但 是 有 几 点 重要 的 信息 是 读者 们 应 该 知道 的 。 

Why Android 

根据 2012 年 11 月 的 数据 ,Android 占据 全 球 智 能 手机 操作 系统 市 场 76% 的 份额 ,而 中 
国 市 场 占有 率 为 900%。Android 已 经 是 而 且 将 来 也 会 继续 稳 坐 智能 手机 头 把 交椅 的 宝座 ， 
因为 不 管 什 么 厂商 都 可 以 生产 Android 手机 ,现在 只 要 几 百 元 就 能 买 到 一 部 看 起 来 还 不 错 
的 Android 手机 。 

Android 的 开发 语言 

Android 的 SDK 基于 Java 实现 ,但 这 不 意味 着 必须 用 Java 才 可 以 编写 Android 程序 。 
Google 公司 在 2011 年 初 发 布 了 Android NDK(Native Development Kit) ,这 使 得 用 C 语言 
编写 Android 程序 变 得 更 加 方便 。 当 然 , 在 没有 对 速度 要 求 特别 高 的 情况 下 ,都 是 使 用 Java 
语言 编写 。 不 幸 的 是 ,本 书 没有 涉及 任何 对 速度 要 求 特别 高 的 应 用 。 这 也 意味 着 ,这 是 一 本 
通俗 的 技术 书 。 

Android 发 展 史 

我 知道 如 果 我 繁 有 介 事 地 介绍 Android 从 1.0 到 4. 2 各 个 版 本 的 话 , 你 们 也 不 会 看 的 ， 
所 以 我 打算 介绍 Android 每 个 版 本 的 特性 (当然 ,我 指 的 是 原生 Android, 不 经 过 第 三 方 改 
造 的 Android 系统 )。 

1.0( 图 1-1): Android 的 老大 哥 , 首 次 搭载 在 Google 太子 G1(HTC 代 工 ) 身 上 ,这 个 版 
本 拥有 Android 最 基本 的 特性 : 可 以 下 拉 的 通知 栏 ,桌面 插件 (当然 , 打 电 话 发 短信 上 网 什 
么 的 就 不 一 一 列举 了 )。 

1.1: 首创 OTA 升级 功能 (就 是 在 不 影响 你 手机 的 情况 下 升级 系统 ,这 下 不 用 刷机 了 )， 
但 是 因为 各 种 问题 ,“ 胎 死 腹 中 ”……… 

1.5: 虚拟 键盘 (什么 ? Android 1. 0 不 支持 虚拟 键盘 ?)、 第 三 方 桌面 控件 (是 的 没 错 ， 


Android 产 品 实战 从 零 开始 


.证 


Android 1.0 只 能 支持 手机 自 带 的 控件 )。 还 有 一 点 ,从 这 个 版 本 开始 , Google 为 每 个 
Android 版 本 起 一 个 代号 ,代号 首 字 母 在 字母 表 中 的 位 置 将 能 够 反映 这 是 Android 的 第 几 
个 版 本 ,比如 CUPCAKE 的 “C” 意 味 着 这 是 Android 的 第 三 个 版 本 。 所 以 Android 1. 5 也 
叫做 “纸杯 蛋糕 ”(Cupcake)。 

1.6: 代号 “ 甜 甜 图"(Donut) ,亮点 不 多 ,增加 了 全 局 搜索 功能 。 

2. 0/2.0.1/2.1: 代号 “ 松 饼 ”(Eclair) ,增加 动态 壁纸 (很 好 玩 )、 语 音 输 入 (不 得 不 说 
Google 的 语音 服务 是 比 iOS 早 得 多 ,只 不 过 因为 Siri 是 Steve 的 作品 ,所 以 才 引 起 这 么 多 关 
注 ) ,滑动 解锁 ( 没 错 ,在 这 之 前 ,一 般 是 按 menu 键 来 解锁 的 ) 。 

图 1-1 为 Android 1.x 解锁 界面 与 Android 2.0 的 比较 。 


(a) Android 1.x (b) Android 2.0 


图 1-1 Android 1.x 解 锁 界 面 与 Android 2.0 的 比较 


2. 2: 代号 * 冻 酸奶 ”Froyo) ,都 是 一 些 细节 (这 些 细节 有 些 厂商 已 经 做 到 了 ,比如 主屏 
幕 数 量 ,快捷 方式 ,使 用 按钮 取代 抽 居 来 进入 应 用 列表 等 ) ,没有 什么 特别 的 东西 。 

2. 3: 代号 “ 姜 饼 ”(Gingerbread) ,首次 搭载 在 Google 二 皇子 Nexus S( 三 星 代 工 ; 同时 ， 
也 是 本 书 使 用 的 手机 ,但 是 系统 是 Android 4. 0) 身 上 ,加强 了 复制 粘贴 功能 ,增加 前 置 摄像 头 。 

3. x( 图 1-2): 代号 “ 蜂 梨 ”(Honeycomb) ,为 平板 而 生 , 最 终归 并 入 Android 大 阵营 。 
这 个 版 本 的 特点 有 : 取消 实体 按键 ,增加 Action Bar、Fragment, 超 炫 的 多 任务 系统 。 特 别 
的 是 ,这 个 版 本 让 我 印象 最 深刻 的 是 它 自 带 的 时 钟 控件 。 

4. 0( 图 1-3): 代号 “冰激凌 三 明治 "(Ice Cream Sandwich) 。 在 经 历 了 短暂 的 平板 手机 
系统 分 家 之 后 (Android 3. x 和 其 他 ) ,Google 把 它们 统一 了 起 来 ,于 是 有 了 冰激凌 三 明治 。 
搭载 于 Google 三 皇子 Galaxy Nexus( 三 星 代 工 ) 身 上 .这 个 版 本 继承 了 蜂 集 的 特性 ,主题 颜 
色 由 白 变 黑 , 使 用 全 新 UI( 至 于 有 多 全 新 不 在 这 一 一 装 述 ) ,使 用 全 新 Roboto 字体 …… 最 后 
一 点 ,会 有 一 个 Google 搜索 框 会 如 影 随 形 地 跟着 你 的 屏幕 。 

4.1/4.2( 图 1-4) : 代号 “果冻 豆 ”(Jelly Bean) ,推出 Google Now, 以 此 证 明 在 搜索 方面 
iOS 不 是 其 对 手 。 
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Android 3. x 设置 界面 


2.3 4.0 


图 1-3 Android 4.0 与 Android 2. 3 界面 对 比 


图 1-4 Google Now 界面 
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4. 3( 图 1-5): 代号 依然 是 Jelly Bean, 于 2013 年 7 月 25 日 推出 ,系统 做 出 了 多 个 细节 
改进 ,最 大 的 变化 是 可 以 支持 多 用 户 。 


Multi-User win Restricted Profiles 
和 
图 1-5 Android 4. 3 支持 多 用 户 


我 能 用 Android 来 做 什么 

很 多 很 多 ,几乎 是 为 所 欲 为 。 我 个 人 认为 界面 无 图 标 化 会 是 未 来 的 发 展 趋势 。 我 们 最 
需要 的 那 几 个 功能 可 以 通过 手势 来 切换 。 碰 巧 的 是 ,就 在 笔者 写 这 一 章 的 今天 (2013 年 
1 月 3 日 ),Ubuntu 发 布 了 移动 版 系统 (图 1-6(a) ) ,该 系统 的 应 用 程序 启动 栏 的 操作 与 我 在 


a) Ubuntu 移动 版 (b) 快速 启动 


图 1-6 Ubuntu 移动 版 与 快速 启动 


两 年 前 我 蔡 别 人 写 了 一 个 课表 的 程序 ,只 是 因为 在 网 上 找 不 到 一 款 专用 的 好 用 的 课表 
记录 应 用 。 后 来 这 块 细 分 领域 有 超级 课程 表 和 课程 格子 (图 1-7), 其 中 前 者 已 经 进行 了 千 


吴 万 级 的 A 轮 融资 。 
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而 | 


再 后 来 ,我 受 Paul Graham 的 启发 ,打算 做 一 个 让 用 户 自己 用 图 形 界面 “编程 ”, 创 建 简 
单 的 应 用 。 做 到 一 半 的 时 候 发 现 ITTT 火 了 ,然后 Moto 的 Razr 手机 自 带 了 一 个 叫做 “ 智 


能 操作 ”的 应 用 (图 1-8)。 没 错 ,这 就 是 我 想 要 做 的 东西 。 


人 弟 返 作 使 任务 要 得 更 


局 ) 最 好 用 的 大 学 生 课程 表 


了 本 


[9] 回 周 
避让 一 有 
四 四 思 ] 
@ woronocn 


i i 


图 1-7 超级 课程 表 和 课程 格子 图 1-8 Razr 手机 的 “智能 操作 ”应 用 


想法 总 是 会 有 的 。 这 世界 上 有 这 么 多 人 在 发 果 在 思考 ,总 会 想 出 一 样 的 东西 。 不 同 的 
是 ,那些 成 功 的 人 一 定 会 马上 去 做 。 创 意 本 质 上 是 不 受 法 律 保护 的 ,你 想 得 出 来 ,我 也 想 得 
出 来 。 更 何况 ,成 功 的 往往 是 使 用 轮子 的 人 ,而 不 是 发 明 轮 子 的 人 。 

Android 就 是 轮子 ,同样 iOS 也 是 轮子 ,WP、WebOS 也 是 。 如 果 你 操作 系统 课 的 成 绩 
不 够 好 也 没关系 ,你 是 使 用 轮子 的 那个 人 ,而 不 是 发 明 轮 子 的 那个 人 。 
Android 特性 

浮 窗 

我 记得 最 早 在 手机 上 看 到 浮 窗 这 个 东西 的 是 当时 雄霸 一 方 的 塞 班 。 这 让 我 印象 很 深 
刻 ,特别 是 使 用 某 即时 聊天 工具 的 时 候 ( 你 懂 的 ) 。Android 给 开发 者 开放 了 这 个 API( 更 确 
切 地 说 应 该 是 ,添加 系统 窗口 的 API, 而 不 仅仅 是 浮 窗 )。 有 了 这 个 接口 你 可 以 做 很 多 有 意 
思 的 东西 ,比如 说 让 系统 进入 “ 宕 机 模式 ”等 等 。 

替换 主屏 

这 一 点 是 Android 中 最 酷 的 。 想 想 看 ,你 可 以 通过 简单 的 代码 替换 原 有 的 主屏 ,让 你 的 
手机 变 得 独一无二 。 

替换 解锁 界面 

既然 可 以 替换 主屏 ,那么 蔡 换 掉 解 锁 界面 也 是 没 问题 的 。 

窗口 小 部 件 


实用 。 


NN 


Android 系统 最 直接 表现 的 特点 。 窗 口 小 部 件 是 一 个 用 户 体验 很 好 的 东西 ,很 方便 省 
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AZ 


-证 


通知 中 心 
曾经 是 ,在 被 iOS 等 众多 系统 模仿 了 之 后 也 不 算是 了 。 


本 书 将 色 


。 讲 代码 而 不 是 贴 代码 。 本 书 配 套 资料 中 有 所 有 程序 的 代码 源 文件 ,并 且 是 注释 过 
的 ,我 只 会 在 书 中 介绍 程序 中 的 重要 代码 ,图文并茂 , 尽 量 保证 读者 能 看 懂 。 

好 看 。 诚 然 ,我 不 是 设计 师 , 本 书 中 的 程序 的 界面 风格 不 都 是 独创 的 。 即 便 有 些 
东西 是 我 自己 想 的 ,但 是 谁 又 能 保证 ,这 些 风格 不 是 受到 某 些 特定 的 影响 在 你 脑 
海里 留 下 来 的 ? 就 算 有 人 可 以 保证 这 点 ,又 有 谁 能 保证 这 个 想法 我 是 第 一 个 想到 
的 ?“ 好 的 艺术 家 复制 ,伟大 的 艺术 家 偷窃 ”, 如果 你 看 过 《硅谷 传奇 》, 你 会 熟悉 这 
句 话 的 。 我 希望 就 算 你 没有 把 这 本 书 看 完 , 也 能 够 非常 优雅 地 摆 放 在 你 的 书 
柜 里 。 

关注 移动 互联 网 动态 。 本 书 中 不 只 会 介绍 技术 ,更 会 介绍 移动 互联 网 发 展 动态 ,就 
像 之 前 提 到 的 Ubuntu 移动 版 (当然 ,在 我 写 这 本 书 的 时 候 是 “最 新 动态 ”, 等 到 出 版 
的 时 候 就 是 旧 新 闻 了 )。 

。 关注 用 户 体验 。 本 书 会 引用 交互 设计 中 经 典 的 案例 ,书籍 ,来 说 明 为 什么 要 这 么 做 。 


第 二 节 ”Android 环境 搭建 


这 一 节 中 ,我 们 会 一 步 一 步 地 把 环境 搭建 起 来 。Android 的 开发 环境 搭建 起 来 很 方便 ， 
读者 只 需 跟着 我 的 步骤 即 可 。 


下 载 和 安装 JDK 


我 们 可 以 在 Oracle 的 网 站 中 下 载 到 JDK 进行 Java 的 开发 ,登录 网 站 http://www. 
oracle. com/technetwork/java/javase/downloads/index. html, 选 择 JDK 进行 下 载 , 当 前 的 
最 新 版 本 是 Java 7。 

在 接 下 来 的 页 面 中 选择 要 下 载 的 版 本 ,注意 勾 选 Accept License Agreement, 并 选择 自 
己 适合 的 版 本 ,如 图 1-9 所 示 。 

下 载 完成 后 进行 安装 ,如 图 1-10 所 示 。 


下 载 和 安装 Eclipse IDE 以 及 Android SDK 


Android 提供 了 自 带 Android SDK 以 及 ADT 的 Eclipse, 登 录 网 站 http://developer. 
android. com/index. html 进行 下 载 ,选择 Get the SDK ,如 图 1-11 所 示 。 

选择 右边 的 大 按钮 进行 下 载 ,如 图 1-12 所 示 。 

下 载 完成 之 后 ,解压 并 打开 根 目录 /eclipse/eclipse. exe。 第 一 次 打开 的 时 候 Eclipse 会 
提醒 你 设置 工作 区 间 , 这 个 工作 区 间 会 保存 我 们 的 配置 信息 、 也 是 我 们 建立 的 工程 所 保存 的 
路 径 。 如 果 你 不 希望 下 次 打开 的 时 候 再 出 现 ,可 以 勾 选 Use this as the default and do not 
ask again, 如 图 1-13 所 示 。 


第 一 章 Android 入 门 本 


Linux ARM v6N7 Soft Float ABI ® jdk-7u25-linwe-arm-stptar gz 


Linuxx86 - 各 jdk-7u25-linueri586 pm 
Linuxx86 93.12MB 。 吾 jdk7u25-inuei5861argz 
Linuxx64 8146MB 久 jdk-7u25-linuex64 pm 
Linuxx64 9185MB jdk-7u25-lInuex64 tar gz 
Mac OS Xx64 14443NMDB 素 jdk-Tu25-macosx-x654 dmg 
Solaris x86 (SVR4 package) 136.02MB jdk-7u25-solafis-586.tarZ 
Solaris x6 9222MB 划 jdk-7u25-solaris-i586.tar gz 
Solaris x64 (SVR4 package) 2277MB jdk-7u25-solaris-x644tarZ 
Solaris x64 1509MB 划 jdk-7u25-solaris-x64 tar gz 
Solaris SPARC (SVR4 package) 136.16 MB 玉 jdk-7u25-solaris-sparctarZ 
Solans SPARC 955MB jdk-7u25-solaris-sparctar gz 
Solaris SPARC 64-bit (SVR4 package) 2305MB 玉 jdk-7u25-solaris-sparcv9 .tarZ 
Solaris SPARC 64-bit 17.67 MB 各 Jdk-7u25-solaris-sparcv9 tar gz 
Windows x86 8909MB 玉 jdk-7u25-windows-i586.exe 
Windows x64 90.66MB 。 吾 jdk-7Tu25-Windows-x64.exe 


图 1-9 选择 合适 的 版 本 进行 下 载 


欢迎 使 用 Java(TM) SE Development Kit 7 Update 2 安装 向 导 


此 向 导 将 引导 您 完成 java SE Development Kit 7Update 2 的 安装 过 程 。 


在 JOK 安 装 后 , 将 安装 J]avaFX 2.0 SDK 。 


1-10 Java 安装 界面 


第 一 次 进入 Eclipse 环境 , 它 会 显示 Welcome 界面 。 单 击 左 上 角 的 还 原 按钮 进入 工作 
区 间 , 如 图 1-14 所 示 。 

进入 工作 区 间 后 ,我 们 可 以 看 到 Eclipse 的 Java 视图 ,如 图 1-15 所 示 。 

关于 Eclipse 的 简单 介绍 我 们 就 先 到 这 里 ,在 接 下 来 的 章节 中 我 还 会 详细 介绍 它 的 
使 用 。 


“ 坚 
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嘱 Developers - Design Deveop Distibure Ql 


Android 4.2 Jelly Bean! 


The latest version of Jelly Bean 1s here with 
performence optmizahons a retreshed Ut end great 
New features for developers 

Andrord 4 2 ncludes APts for developing lock sceen 
widgets and Daydream sereensavers. using erternal 
displays creating RTL layouts. building fenbleU 
with nested Fragments and much more 


About Angrow Gm the SoK pan Source Supper [ 
ZZ 1-11 Android Developers 页 面 


嘱 Developers - Design Demop ~ Distibute -| 


Training Apl Guides Reterence Tools Google Sevices 


Developes Tool Get the Android SDK 


The Androwd SOK prowdes you the Api Iibranes and 
Selling Up iheAOT | geveloper tools necessary to bulld test and debug 
Bunde apps for Andrord 


一 ”| yourea new Android developer we recommend you 
downiosd the ADT Bundie to quckly start developing 

mdrold Studio ~ | apps includes the essential Andrord SOK 

(Explonng the SOK components snd # verson of the Eipse IDE wh 


buiit-n ADT (Androld Developer Tools) io stresemline 
Downtosd the NOK your Andrond app development 


With a singie downioad the AOT Bundie includes 
verything you need to begin developing apps 


。 The latest Androtd platform 
® The latest Andrord system Imege lor the emulator 


Android Studio Early Access Preview 
A new Androld development environment called Androwd Studio based on intelliJ IDEA 5 now evallable asan erly 


图 1-12 下 载 SDK 


ADT stores your projects in a folder called a workspace. 
Choose a workspace folder to use for this session 


Workspece. BT TT 


Use this as the default and do not esk again 


图 1-13 选择 工作 空间 
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The Android Developer Tools provide a first-cless 
| apps. The integrated deveiopment 


deveiopment enwonment 
nironment is set up with the latest version of the andreid 
jp 


Tutorials 


Bulld Your First App Hf you're new to Android follow this cless to lesrn the fundamental Android Apis for creating s user 
interface that responds to input 
Design Your Ap 。 Before you begin developing your sapp. be sure you understand the design Patterne that Android 


sers expect from your app. 
Test VourApe The Android Framework provides tools thet help you test every aspect of your spp to be sure i 
behaves as expected under various condiions 


图 1-14 Eclipse 的 Welcome 界面 


图 1-15 ”Eclipse 的 Java 视图 


更 新 Android SDK 


从 Android 官网 下 载 的 SDK bundle 包 只 包含 了 最 新 的 SDK 开发 包 ,我 们 需要 使 用 低 


,我 人 
版 本 的 SDK 进行 开发 ,因此 我 们 需要 下 载 低 版 本 的 SDK。 如 图 1-16 所 示 ,选择 Window-~ 
Android SDK Manager。 


勾 选 需要 的 Packages , 单 击 Install packages, 如 图 1-17 所 示 。 
选择 Accept License, 单 击 Install 进行 安装 ,如 图 1-18 所 示 。 


“及 


[而 Android 产 品 实战 从 零 开 始 


图 1-16 选择 Android SDK Manager 


Packages Tools = 
SDK Path: EAadt-bundle-windows-x86-20130522\sdk 


Packages 

嘱 Name 

» 加 Android 403 (API 15) 

» Ca Android 40 (APL 14) 

» 加 Android 32 (Ap! 13) 
加 Ca Android 31 (AP1 12) 
团 Android 30 (API 11) 
国 忆 Android 233 (API 10) 
园 忆 Android 22 (Ap1 8) 
贺 忆 Android 2.1 (API 7) 

>» 辆 Android 1.6 (AP1 4) 
园 [3 Android15 (AP1 3) 

”加 入 Btras 


Show 逆 Updates/New 园 Installed ”加 obsolete Select New or Updates 


1-17 安装 需要 的 包 


安装 完成 之 后 , Android SDK Manager 会 自动 搜索 可 供 下 载 的 SDK 版 本 ,如 图 1-19 
所 示 。 

这 时 候 开始 下 载 我 们 需要 的 SDK ,并 在 界面 上 动态 显示 下 载 过 程 ,如 图 1-20 所 示 。 

当 看 到 Done loading packages 时 .就 说 明 SDK 已 经 完成 了 下 载 ,如 图 1-21 所 示 。 


抱 
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而 


W Android SDK License 

W SDK Platform Android 3.0, API 
SDK platform Android 2.3.3, 
SDK Platform Android 2.2, API 
W SDK Platform Android 2.1, API 
W SDK Platform Android 1.6, API 
SDK Platform Android 15 API 
WO Samples for SDK Apl 11, revisi 
W Samples for SDK Api 10, 

WW Samples for SDK Apl 8, revisi 
W Samples for SDK API7, revisior 
W Google Apls, Android APi 11,r 
W Google Apls Android Api 10, r 
W Google Apls Android AP18 re 


("| Something depends on this package 


Package Description & License 


Packages 

~ SDK Platform Android 3.0, API 11, revision 2 
-~ SDK Platform Android 2.3.3, API 10, revision 2 
- SDK platform Android 2.2, API 8, revision 3 

~ SDK platform Android 2.1, API7, revision 3 

~ SDK Platform Android 1.6, API4 revision 3 

~ SDK platform Android 1.5, API 3, revision 4 

- Samples for SDK APL 11, revision 1 


- Samples for SDK API 10, revision 1 

- Samples for SDK API 8, revision 1 

- Samples for SDK API 7, revision 1 

- Google APls, Android API 11, revision 1 

- Google Apls, Android APl 10, revision 2 

- Google Apls, Android API 8, revision 2 

- Google Apls, Android API 7, revision 1 并 


Accept © Reject Copyto clipboard|Print 屿 Accept License 


图 1-18 安装 Android SDK 


SDK Path: E\shinado\projects\book\test\android-sdk 


| Packages 


需 Neme 
* HIG Toots| 
@ X Android SDK Tools 


回 省 Android SDK Pletform-tools 


b 回回 Android 4.0.3 (API15) 
b 回馈 Android 40 (AP1 14) 
b 回 Android 32 (AP1 13) 
bp 回馈 Android 3.1 (AP1 12) 
b 回国 Android 3.0 (AP1 11) 
b 回国 Android 2.3.3 (API 10) 
b 回国 Android 22 (AP1 8) 
b 回 辐 Android 21 API 刀 
b 回国 Android 16 (API 


国 


Show; 回 Updates/New 园 Installed 四 Obsolete Select New or Updates 
© Repository 


由 Sea by: ® Api level 


linstall packages.. 


Pelete packages.. 


Deselect All 


O_O 
Fetching URL: http://developer.sonyericsson.com/edk/android/repository.xml | 


1-19 可 供 下 载 的 SDK 版 本 


量 一 一 一 一 一 


Downloading SDK platform Android 3.0, API 11 revision 2 (1%, 276 KiB/s, 6 minutes le 各 


1-20 下 载 动态 


高 
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图 1-21 SDK 下 载 完 成 


第 三 节 ”Android 应 用 程序 架构 


搭建 好 开发 环境 后 , 就 可 以 跟 这 个 世界 “say hello” 了 。 当 然 , 我 指 的 是 创建 
HelloWorld 工程 。 不 同 于 普通 的 Java 工程 .一 个 Android 工程 包含 了 除 Java 代码 之 外 的 
许多 文件 ,这 些 文件 在 工程 中 发 挥 着 很 大 的 作用 ,它们 可 以 帮助 我 们 更 方便 、 更 灵活 地 开发 
Android 应 用 。 我 们 也 可 以 把 一 个 Android 工程 看 作 框 架 。 这 一 节 我 们 就 来 讲 Android 工 
程 的 创建 以 及 Android 工程 的 框架 。 


创建 第 一 个 Android 项 目 


第 一 步 ,选择 创建 工程 : 打开 Eclipse, 在 File 菜单 中 选择 New> Android Application 
Project, 如 图 1-22 所 示 。 在 Android 包 中 选择 Android Project, 单 击 Next 按钮 。 


| 
知识 扩充 
如 果 看 不 到 Android Application Project 这 个 选项 ,在 File 菜单 中 选择 New 一 
Other… ,在 Android 包 中 选择 Android Project, 单 击 Next 按钮 。 


第 一 个 页 面 ( 图 1-23) ,填写 应 用 名 、 工 程 名 和 包 名 ,选择 Build SDK ,也 就 是 使 用 哪个 版 
本 的 SDK 开发 。 由 于 Android 是 向 上 兼容 的 ,所 以 尽量 用 低 版 本 进行 开发 。 


4 区 Android 
@ Android Icon Set 


如 Android Project 
名 Android Sample Project 


图 1-22 ”选择 创建 工程 


| New Android Application 
| @ The prefix ‘com.example.' is meant as a placeholder and should not be used 


Application Name:0 Demo_Easearch 
Project Name'9 Demo_Easearch 
Package Name: com.example.demo_easearch 


Minimum Reauired SDK:0 [API 14; Android 40 (ceCreamSandwich) 了 | 
Target SDKeo|APLl4: Android 40 (IceCreamSandwich) "| 

Compile With:o[APl17: Android 42UelyBean) -| 

| There lo bolt wih et Aeon er ss 


图 1-23 选择 开发 SDK 
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第 二 个 页 面 (图 1-24) 用 来 自 定义 图 标 , 没 多 大 用 处 ,因为 我 们 一 般 都 会 使 用 自己 的 图 标 。 


[CE | 
i | 
Configure the attributes of the icon set 
tomo BE 区 四 | Er 
加 
图 1-24 选择 图 标 


第 三 个 页 面 (图 1-25) 选 择 是 否 要 创建 Activity, 如 果 勾 选 的话 还 有 第 四 步 ,没有 的 话 就 可 以 
直接 完成 。 由 于 我 们 使 用 的 SDK 版 本 为 7, 不 能 支持 Fragment, 所 以 只 能 选择 BlankActivity。 


Create Activity | 
Select whether to create an activity, and if so, what kind of activity. 


贺 Create Activity 


Fullscreen Activity 
Master/Detail Flow 


图 1-25 创建 Activity 


第 四 个 页 面 (图 1-26) 设 置 Activity 的 名 称 、 布 局 。 由 于 我 们 使 用 的 SDK 版 本 不 高 ,不 
能 支持 导航 类 型 ,所 以 也 只 能 选择 None。 


| Blank Activity 
Creates a new blank activity, with an action bar and optional navigational elements such as tabs or 
| horizontal swipe. 


CE 


Novovio ype® [Nene 


图 1-26 新 建 一 个 Activity 
知识 扩充 


不 同 版 本 的 ADT 创建 Android 程序 的 过 程 可 能 不 同 , 但 是 大 同 小 异 。 理 论 上 来 
说 , 填 好 包 名 、 应 用 名 后 点 Next 按钮 即 可 。 


加 | 
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如 图 1-27 所 示 , 创 建 完成 之 后 ,我 们 可 以 看 到 一 个 Android 工程 默认 包含 了 如 下 文件 : 
。 src 文件 夹 : Java 源 代码 文件 。 

。 gen 文件 夹 : 存放 R. java 文件 。 

。 R. java: 封装 静态 变量 ,根据 drawable 文件 、values 


“src 


文件 和 layout 文件 动态 改变 。 4 出 comshinadohelloworld 


Android Dependencies: Android 库 。 > BD MainActivityjeve 
4 BS gen [Generated Jave Files] 


assets 文件 夹 : 存放 不 需要 编译 成 二 进 制 的 文件 。 
bin 文件 夹 : 存放 apk、 图 片 资源 等 二 进 制 文件 。 
res 文件 夹 : 包含 drawable 文件 夹 、layout 文件 夹 
和 values 文件 夹 。 
drawable 文件 夹 : 存放 图 片 文件 (格式 为 PNG)。 
layout 文件 夹 : 存放 布局 文件 (格式 为 xml) 。 
menu 文件 夹 : 存放 菜单 布局 文件 (格式 为 xml) 。 
values 文件 夹 : 存放 参数 文件 。 
AndroidManifest. xml: Android 配置 文件 。 

。 proguard-project. txt: 用 于 混淆 代码 ,防止 反 编 译 。 

。 project. properties: 保存 target 信息 。 

这 些 文件 共同 构成 了 一 个 Android 的 架构 。 这 些 文件 
的 详细 解释 我 们 会 在 接 下 来 的 章节 中 介绍 。 但 是 一 般 来 
说 ,我 们 只 需要 关心 AndroidManifest. xml 文件 和 res 文 
件 夹 ,前 者 是 Android 的 配置 文件 ,后 者 是 Android 的 资源 
文件 。 此 外 ,R. java 文件 是 系统 自动 生成 的 ,开发 者 无 需 
手动 修改 。 图 1-27 一 个 Android 工程 的 框架 


我 们 运行 一 下 这 个 应 用 ,在 工程 上 右 击 ,选择 Run as~>Android Application, 如 图 1-28 所 示 。 


NR 


图 1-28 运行 工程 


如 果 没 有 连接 Android 设备 ,Eclipse 会 弹出 提示 。 此 时 可 以 单 击 Yes 按钮 来 创建 一 个 
模拟 器 ,如 图 1-29 所 示 。 


No compatible targets were found Do you wish to a add new Android 


Virtual Device? 


[mT ee 


1-29 ”提示 找 不 到 设备 
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弹出 模拟 器 管理 窗口 , 单 击 New 按钮 进行 创建 ,如 图 1-30 所 示 。 


FE 
List of existing Android Virtual Devices located at CNUsersWdministratorvandroid\evd 
| AVD Name i Platform Apilevel CPU/ABl [ter ] 


No AVD available 一 -- 一 一 


图 1-30 Android 模拟 器 管理 


在 创建 AVD 窗口 中 填写 Name ,选择 Target(Android 2. 1) ,在 Size 一 栏 中 填写 "100”， 
单 击 Create AVD, 这 样 一 来 我 们 就 创建 了 一 个 拥有 100MB 内 存 的 Android 2. 1 的 模拟 器 
了 ,如 图 1-31 所 示 。 


Name MyAVD 


Target [Android21-APilevel7 7 
CPU/ABI: |ARM (armeabl w 
SD Card: 
sze: 10 
© File: | [Browse— 


图 1-31 创建 模拟 器 


创建 完成 后 ,返回 到 Android Virtual Device Manager 窗口 。 此 时 ,你 创建 的 模拟 器 就 
会 显示 在 列表 中 ,如 图 1-32 所 示 。 


1-32 启动 模拟 器 


单 击 Start 按钮 ,弹出 确认 窗口 , 单 击 Launch 按钮 ,启动 模拟 器 并 运行 我 们 的 应 用 ,如 
图 1-33 所 示 。 

在 模拟 器 上 就 可 以 看 到 我 们 的 应 用 ,如 图 1-34 所 示 。 

值得 注意 的 是 ,模拟 器 的 启动 较 慢 ,所 以 我 们 在 使 用 模拟 器 开发 应 用 的 时 候 不 需要 把 模 
拟 器 关闭 ,避免 重启 模拟 器 的 麻烦 。 


| 
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“应 


CTTTTTT 


Helo wond! 


图 1-33 工程 的 运行 结果 


AndroidManifest. xml 文 件 


我 们 要 先 了 解 activity 的 概念 : 一 个 Android 应 用 (application), 它 可 能 包含 多 个 
activity。 而 一 个 activity 就 相当 于 一 个 界面 .一 个 窗口 。Activity 类 似 于 Windows 中 “ 窗 
口 ?的 概念 ,用 于 与 用 户 进行 交互 。Android 应 用 中 的 每 一 个 activity 都 要 继承 于 Activity 
这 个 类 ,并且 在 AndroidManifest. xml 文件 中 标明 出 来 。AndroidManifest. xml 文件 描述 了 
一 个 Android 应 用 的 应 用 名 称 、 图 标 、 包 含 多 少 个 组 件 、 权 限 等 信息 。 

我 们 先 来 看 创建 的 HelloWorld 工程 生成 的 AndroidManifest. xml 文件 : 


<manifest xmlns:android = "http://schemas. android. com/apk/res/android" 
package = " com. shinado. helloworld" 
android:versionCode = "1" 
android:versionName ="1.0"> 


<uses- sdk 
android:minSdkVersion = "7" 
android:targetSdkVersion= "15"/> 


<application 
android:icon = " @drawable/ic_launcher" 
android:label = " @string/app_name" 
android:theme = " (@style/AppTheme" > 
<activity 
android:name = ". MainActivity" 
android: label = " (@string/title_activity_main" > 
< intent- filter> 
< action android:name= "android. intent. action. MAIN"/> 


< category android:name = " android. intent. category. LAUNCHER" /> 
</intent - filter> 
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</activity> 
</application> 


</manifest > 


最 外 层 的 节点 为 二 manifest> , 它 的 常用 属性 有 如 下 几 个 。 
。 package: 包 名 。 
。 android:versionCode: 版 本 号 。 
。 android:versionName: 版 本 名 称 。 
常用 的 第 二 层 节点 有 如 下 几 个 。 
。 uses-sdk: 描述 SDK 属性 ,包含 : 
4 android:minSdkVersion,; 需 要 最 低 的 SDK 版 本 。 
4 android:targetSdkVersion, 最 适合 的 SDK 版 本 ,建议 删 去 。 
。 uses-permissions: 包含 属性 android:name, 用 于 描述 权限 。 
。 application: 描述 应 用 的 组 件 、 应 用 名 等 信息 ,包含 属性 : 
。* android:icon: 描述 应 用 的 图 标 。 
4 android :label: 描述 应 用 名 。 
4 android :theme: 描述 应 用 主题 。 
第 三 层 节点 包含 于 application ,包括 activity 、service、receiver 和 provider 等 。 
我 们 在 这 里 先 讨论 activity。activity 是 一 个 程序 中 跟 用 户 交 互 的 组 件 , 它 必须 继承 于 
Activity 这 个 类 ,这 里 只 是 声明 了 这 个 activity 的 位 置 。 


<activity 
android:name = ". MainActivity" 


代码 中 包含 了 一 个 点 ". ”, 这 表示 该 类 在 声明 的 包 下 : 


package = " com. shinado. helloworld" 


也 就 是 说 , 它 指向 了 包 com. shinado. helloworld 指向 了 MainActivity 这 个 类 。 当 然 ， 
如 果 你 不 幸 在 另外 一 个 包 里 写 了 一 个 Activity, 那 么 就 要 在 android:name 节点 中 声明 完整 
的 类 的 地 址 。 
。 android:name: Activity 的 位 置 。 
。 android:label: 用 于 设置 该 Activity 的 标题 。 
第 四 层 intent-filter 是 一 个 过 滤器 ,用 于 过 滤 广 播 .动作 等 信息 , 它 包 含 了 第 五 层 节点 。 
4 action: 包含 属性 android:name:, 一 般 我 们 常见 到 的 android. intent. action. MAIN 
表示 这 个 activity 是 该 应 用 的 入口。 
4 category: 包含 属性 android:name ,一般 我 们 常见 的 android. intent. category. LAUNCHER 
表示 应 用 会 出 现在 程序 的 列表 中 。 
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资源 文件 天 
我 们 可 以 看 到 res 文件 夹 里 包含 了 7 个 子 文件 夹 ,如 图 1-35 所 示 。 


drawable 文件 夹 sbres 


drawable 文件 夹 有 如 下 4 个 。 © drawable-hdpi 
人 BS drawable-ldpi 
。 drawable-xhdpi: 存放 超 高 分 辩 率 的 图 片 ,一 般 为 平板 。 BS drawable-mdpi 
。 drawable-hdpi: 存放 高 分 辩 率 的 图 片 ,如 WVGA (480 X800)， 4 Ti 
FEWVGA(480X854) 。 BB menu 


。 drawable-mdpi: 存放 中 等 分 辩 率 的 图 片 ,如 HVGA(320X480)。 “号 
。drawable-ldpi: 存放 低 分 辩 率 的 图 片 ,如 QVGA (240X320)。 图 1 35 res 文 件 天 
这 样 的 好 处 是 系统 可 以 通过 手机 的 分 辨 率 来 使 用 不 同 分 辩 率 下 的 图 片 ,实现 屏幕 自 适 
应 。 关 于 这 一 点 ,我 们 会 在 第 2 章 中 继续 讲解 。 
细心 的 读者 可 能 会 发 现在 AndroidManifest. xml 文件 中 出 现 过 *@drawable/ic_launcher” 
这 样 的 字符 串 , 它 表 示 引 用 了 drawable 文件 夹 下 的 ic_launcher 资源 。 
layout 文件 夹 
再 来 看 layout 文件 夹 ,这 个 文件 夹 存放 应 用 的 布局 文件 ,main. xml 文件 代码 如 下 : 


< RelativeLayout 


xmlns:android = "http://schemas. android. com/apk/res/android" 
xmlns:tools = "http://schemas.android. com/tools" 

android: layout width= "fill_parent" 

android: layout_ height = "fill_ parent"> 


<TextView 
android:layout width= "wrap_content" 
android:layout_height = "wrap_content" 
android:layout_centerHorizontal = "true" 
android:layout_centerVertical = "true" 
android:text = " @string/hello_world" 
tools:context = ". MainActivity"/> 


</RelativeLayout > 


这 个 布局 文件 表示 在 一 个 相对 布局 中 有 一 个 居中 的 TextView( 也 就 是 普通 文本 ), 它 显 
示 的 文本 是 string 资源 中 的 hello_world 字符 串 (注意 ,不 是 字符 串 “hello_world”) 。 

在 布局 文件 中 一 般 有 这 样 几 个 节点 : 

。 android:id: 以 *@ 十 id/ ”开头 ,声明 控件 的 id, 以 便于 在 Java 代码 中 通过 findViewById 
方法 获得 。 
android:layout_width: 控件 的 宽度 ,可 选 参数 : 
4 fill_parent: 填充 父 容器 。 
4 wrap_content: 填充 子 容器 。 
4 数值 ,以 px/dp 等 单位 结束 。 
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。 android:layout_height: 控件 的 长 度 。 可 选 参数 与 android:layout_width 相同 。 
。 android: gravity: 控件 子 容器 的 重心 。 

。 android:layout_gravity: 控件 相对 于 父 容器 的 重心 。 

values 文件 夹 

values 文件 夹 下 的 string. xml 代码 如 下 : 


<resources> 


< string name = "app_name"> HelloWorld </string> 

< string name = "hello_world"> Hello world!</string> 

< string name = "menu_settings"> Settings </string> 

< string name= "title activity main">MainActivity</string> 


</resources> 


我 们 可 以 看 到 名 为 “hello_world” 的 string 节点 的 值 为 “Hello World!1”。 这 也 就 是 说 最 
终 在 程序 中 显示 的 文本 为 "Hello World!”, 如 图 1-36 所 示 。 
最 后 一 点 需要 注意 的 是 ,资源 文件 只 能 以 小 写字 母 和 下 划 线 作 首 字母 ,随后 的 名 字 中 只 
能 出 现 [a-z0-9_. ] 这 些 字符 ,和 否则 就 会 造成 错误 。 
[2012 -12- 07 11: 19: 48 - ShLauncher]res\drawabie\RBC. png: Invalid file name: must contain 
only[a- z0-9-.] 
除了 string 文件 之 外 ,还 会 有 color 和 style 文件 。 前 者 保存 Te 
颜色 代码 ,后 者 保存 样式 代码 。layout 文件 中 经 常会 引用 这 几 个 
党 用 文件 : 
。 @string/: 引用 strings. xml 中 的 文字 。 
。 @color/: 引用 color. xml 中 的 颜色 代码 。 


。 @drawable/ : 引用 drawable 中 的 图 片 或 者 xml 文件 。 
。 @style/: 引用 styles. xml 中 的 样式 。 
menu 文件 夹 


menu 文件 夹 保存 菜单 的 设置 , 当 我 们 按 下 menu 键 的 时 候 ， 


就 会 显示 该 菜单 ,如 图 1-36 所 示 。 | | 


当然 ,你 需要 重 写 Activity 的 方法 才能 实现 。 这 点 后 面 会 详 
细 讲 图 1-36 ”menu 菜单 


<menu xmlns:android = "http://schemas. android. com/apk/res/android"> 
< item android:id="(@+ id/menu_settings" 
android:title =" @string/menu_settings" 
android:orderInCategory= "100"/> 
</menu > 
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R. java 
先 来 看 R. java 的 代码 : 


public final class R{ 
public static final class attr { 
;3 
public static final class drawable { 
public static final int ic _action search = 0x7f020000; 
public static final int ic_launcher = 0x7f020001; 
} 
public static final class id { 
public static final int menu_settings = 0x7f£070000; 
} 
public static final class layout { 
public static final int activity_main = 0x7f030000; 
} 
public static final class menu { 
public static final int activity_main = 0x7f060000; 
1 
public static final class string { 
public static final int app_name = 0x7f040000; 
public static final int hello_world = 0x7f040001; 
public static final int menu_settings = 0x7f040002; 
public static final int title activity_main = 0x7f040003; 
} 
public static final class style { 
public static final int AppTheme = 0x7£050000; 


R. java 这 个 文件 是 系统 自动 生成 的 , 当 你 在 res 文件 中 添加 图 片 、 布 局 文件 、values 字 
段 ,布局 中 的 id 等 时 ,R. java 就 会 自动 生成 静态 的 int 变量 。 
我 们 在 main. xml 文件 中 的 TextView 节点 中 加 入 id: 


<TextView 
android:id="@+ id/test" 


保存 之 后 ,R.java 会 自动 在 内 部 类 id 中 增加 一 个 静态 int 型 变量 test( 也 就 是 我 们 定义 
的 id) : 


public static final int test = 0x7£070000; 


程序 的 实现 原理 


上 一 小 节 中 ,我 们 把 main. xml 中 的 TextView 增加 了 一 个 id。 此 时 ,我 们 修改 一 下 src 
文件 夹 下 的 文件 MainActivity. java : 
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@Override 
public void onCreate( Bundle savedInstanceState) { 


super. onCreate( savedInstanceState); 
setContentView(R. layout. activity_main); 


// 添 加 的 内 容 
TextView tv = (TextView) findViewById(R. id. test ); 
tv. setTextSize(30); 
tv. setText("text changed" ) ; 
} 


setContentView 方法 是 Activity 中 最 基本 的 方法 之 一 , 它 定义 了 Activity 的 界面 显示 
内 容 , 而 这 个 界面 的 内 容 就 是 写 在 layout 文件 夹 的 文件 中 。 在 本 例 中 , setContentView 
(R. layout. main) 就 表示 设置 Activity 的 界面 布局 为 layout 文件 夹 下 的 main. xml 文件 所 
定义 的 布局 。 

运行 一 下 ,程序 的 截图 如 图 1-37 所 示 。 

我 们 可 以 看 到 ,程序 显示 的 文本 变 成 了 “text changed”, 字 体 也 变 大 了 。 这 是 因为 我 们 
通过 反射 获得 layout 文件 中 定义 的 TextView 组 件 (也 就 是 findViewById(CR. id. test) 这 个 
方法 ) ,并 修改 这 个 组 件 的 文本 和 字体 大 小 。 

在 运行 Android 程序 时 ,系统 先 查看 AndroidManifest. xml 文件 ,看 程序 的 入口 是 哪个 
Activity; 找到 那个 Activity 之 后 看 这 个 Activity 设置 的 是 哪个 layout 文件 (setContentView 方 
法 ), 然 后 加 载 该 布局 文件 ,显示 在 界面 上 。AndroidManifest. xml、Activity、layout 文件 、 
values 文件 和 R. java 文件 的 关系 如 图 1-38 所 示 。 


getResources 


(Crnaroiavianitestxm}— 由 定 -| Asiviy | fa View yld | 
setContentView : 
text changed Rjava 
3 对 应 
drawable 文 件 
图 1-37 修改 文字 图 1-38 关系 图 
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第 四 节 使 用 ADT 


LogCat 


一 般 来 说 ,在 Java 中 我 们 使 用 System. out. println 方法 来 输出 某 个 值 。 如 果 用 户 在 代 
码 中 使 用 了 System. out. println 方法 ,那么 不 会 在 控制 台 里 看 到 输出 。 因 为 Android 把 输 
出 的 结果 交 给 了 LogCat 工具 。 

首先 ,我 们 要 调 出 LogCat 窗口 ,在 Eclipse 中 的 Window 菜单 中 选择 Show View 一 
Other, 在 Show View 窗口 中 的 Android 文件 夹 中 选中 LogCat (你 会 看 到 这 里 有 两 个 
LogCat, 其 中 一 个 声明 deprecated, 也 就 是 不 建议 使 用 ) , 单 击 OK 按钮 ,如 图 1-39 所 示 。 


i 


图 1-39 显示 LogCat 


此 时 ,Eclipse 中 的 输出 栏 就 会 多 一 个 LogCat 窗口 ,如 图 1-40 所 示 。 


[Emroblems |@ Javedoc B® Declaration | Console WD logcat 3 ~ erorlog] “9 
Sondh or meeeages Accepi Jove copomos, Melbe wld ph opp 辐 国 口 # 
L- Time miD TD Applcation Tag 


4 mn 上 


1-40 LogCat 窗口 


我 们 可 以 通过 右上 方 的 圆 形 按钮 来 切换 Log 的 内 容 。 
Log 常用 的 方法 有 以 下 5 个 。 
。 Log. v(String tag,String msg): 对 应 圆 形 按 钮 V ,表示 哪 昧 。 
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。 Log. d(String tag,String msg) : 对 应 圆 形 按钮 D, 表 示 debug。 

。 Log. i(String tag,String msg): 对 应 圆 形 按 钮 [表示 提 示 信 息 。 

。 Log. w(String tag,String msg): 对 应 圆 形 按钮 W ,表示 警告 。 

。 Log. e(String tag, String msg) : 对 应 圆 形 按钮 下 ,表示 错误 。 

我 们 来 试 一 下 Log 的 使 用 ,在 HelloWorldActivity. java 中 的 OnCreate 方法 中 添加 代码 : 


Log.v(" 嗪 "，"verbose"); 
Log. d( "调试 ", "debug " ) 

Log. i(" 信 息 ","information"); 
Log.w( "警告", "warnning"); 
Log. e( "错误 ", "error"); 


查看 一 下 LogCat 会 看 到 Eclipse 下 方 的 输出 信息 ,看 起 来 色彩 斑 澜 ,如 图 1-41 所 示 。 
DDeclaration | Console 圳 LogCat (deprecated) ED Locae 2 
Search for mestaget Accepts Java regexes. Prefix with pid:. appx. tag: or text: to limit scope 


LE piD Application Tag Text 
¥ 01-02 12:18:16.481 320 ccm.shinado.hello...。 池 叶 verbose 
01-02 12:18:16.491 。 320 com.shinado.hello.,。 调试 debog 


116.510 320 com.shinado.bello..。 信息 informaclon 
bd 01-02 12 510 320 Cem.shinedo. hello 区 各 Marnnirg 
E 01-02 12:18:16.510 320 com.shinado.hello..。 错误 error 


图 1-41 LogCat 输出 信息 


DDMS(Dalvik Debug Monitor Server) 


DDMS 是 个 非常 好 用 的 东西 , 它 能 给 我 们 提供 设备 截屏 ,查看 文件 ( 删 了 360 手机 助手 
吧 )、 查 看 进程 线程 以 及 堆 信 息 、 查 看 广播 状态 信息 ,模拟 电话 呼叫 、 接 收 短信 、 模 拟 地 理 坐 
标 等 功能 。 开 发 者 可 以 通过 Eclipse 的 右上 角 的 添加 按钮 量 | 攻 下 来 添 加 DDMS 视图 ,如 
图 1-42 所 示 。 


1-42 添加 DDMS 视图 
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窗口 的 左 侧 是 设备 以 及 设备 的 进程 信息 , 右 侧 是 各 个 功能 的 视图 ,如 图 1-43 所 示 。 


Devices 2 hey 
闫 | 章 篇 | 全 | 通 | 国 | 人 rm 
Name 
4 目 samsung-nea Online 421, deb- 
System_prc 410 8600 
comjfiytek 550 8601 
com.andro 31073 8602 
com.andro 2815 8603 
com.googl 3533 8604 


图 1-43 设备 进程 信息 


截图 
在 左边 的 窗口 中 选中 设备 , 单 击 照相 的 小 按钮 号 ,出 现 手机 屏幕 的 实时 图 像 (当然 手 
机 要 连 上 电脑 ), 如 图 1-44 所 示 。 
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图 1-44 截屏 


查看 UI 布局 

最 新 版 的 ADT 中 增加 了 这 个 强大 的 功能 ,选中 设备 后 单 击 手机 的 小 按钮 咽 .可 以 查看 
界面 的 UI 布局 ,如 图 1-45 所 示 。 

查看 线程 

在 窗口 左 侧 的 进程 栏 中 ,选择 要 查看 的 进程 , 单 击 Upgrade Threads 按钮 筷 ,这 个 进 
程 就 会 出 现 一 个 线程 小 图 标 ,如 图 1-46 所 示 。 

在 右 侧 的 窗口 中 选择 Threads 栏 ,就 会 显示 该 进程 下 的 所 有 线程 ,双击 某 个 线程 ,线程 
框 的 下 方 会 显示 这 个 线程 是 从 哪里 启动 的 ,如 图 1-47 所 示 。 
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图 1-45 查看 UI 布局 
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图 1-46 更 新 进程 信息 
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图 1-47 查看 线程 


查看 内 存 分 配 
在 进程 栏 中 ,选择 要 查看 的 进程 , 单 击 Upgrade Heap 按钮 自 ,这 个 进程 就 会 出 现 一 个 
绿色 小 图 标 ,如 图 1-48 所 示 。 
| com siinaio shLsmchr |14464 | |: sl | | 
图 1-48 更 新 heap 信息 
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同样 ,如 图 1-49 所 示 ,在 右 侧 的 窗口 中 选择 Allocation Tracker 栏 , 显 示 该 进程 下 的 内 

存 使 用 情况 。 单 击 Start Tracking 按钮 ,开始 跟踪 内 存 分 配 ; 单 击 Get Allocation, 显示 结 

果 。 双 击 某 一 栏 ,下 方 会 显示 哪个 地 方 产生 这 个 allocation。 这 个 工具 非常 好 用 ,特别 是 在 

进行 游戏 类 的 开发 时 , 它 会 帮 你 分 析 你 的 瓶颈 在 哪里 , 帮 你 查看 哪些 地 方 可 以 加 速 ,查看 哪 
些 变量 可 以 重复 使 用 。 
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图 1-49 查看 内 存 分 配 
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清单 
Demo 代码 : 


\demo\Broadcast 

\demo\ContentProvider 

\demo\DrwableTest 

\demo\HelloWorld 

\demo\LayoutTest 

\demo\WidgetTest 

理论 上 来 讲 , 学 完 这 一 章 , 你 就 可 以 做 很 多 事情 了 。 而 且 它 不 会 花 你 太 多 的 时 间 。 抓 住 
这 几 个 要 点 : 四 大 组 件 , 布 局 .控件 Intent。 


第 一 节 ”Android 四 大 组 件 


传说 中 的 Android 大 组 件 是 Activity, Service, Broadcast Receiver，Content 
Provider, 这 个 问题 在 面试 的 时 候 就 像 Activity 的 生命 周期 ,Android 的 布局 种 类 一 样 基础 
而 重要 。 基 本 上 ,这 几 个 问题 可 以 判断 你 是 不 是 知道 Android 开发 。 注 意 ,是 知道 ,甚至 还 
没 到 了 解 的 程度 。 


Activity 


Activity 就 是 和 用 户 交 互 的 用 户 界 面 , 你 可 以 有 点 不 准确 地 叫 它 “窗口 ?。 在 这 个 窗口 
中 可 以 有 很 多 个 “控件 ”, 也 就 是 Android 中 的 View ,比如 说 按钮 .文本 框 、 列 表 等 。 虽 然 在 
有 些 时 候 ,View 可 以 直接 而 不 通过 Activity 来 跟 用 户 进行 交互 (注意 这 一 点 ,我 们 会 在 接 下 
来 的 一 章 中 专门 提 到 ), 但 是 通常 来 说 , Activity 就 是 用 户 界面 。 也 就 是 MVC 框架 中 的 
View 层 。 

我 们 每 个 用 户 窗口 都 要 继承 于 Acetivity, 并 在 合适 的 时 候 重 写 它 的 生命 周期 方法 。 

常见 异常 

每 个 Activity 都 需要 在 AndroidManifest. xml 文件 中 的 application 节点 里 声明 ,如 : 


< activity android:name = ". Newactivity"/> 
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加 


否则 会 出 现 这 样 的 异常 : 
RndroidRuntime FATAL EXCEPTION: main 
AndroidRuntime java. lang. RuntimeFxception: Unable to start activity ComponentInfo{com. shin 口 
ado. helloworld/com. shinado. helloworld. MainActivity}: android. content 口 
Activi tyNotFoundException: Unable to find explictit activity class { com [0 
shinado. helloworld/conm. shinado. helloworld. NewActivity} ; have you declared 口 
this active ty in your AndroidManifest. xml? 
启动 Activity 
还 记得 我 们 在 前 一 章 AndroidManifest. xml 文件 介绍 中 提 到 的 intent-filter 节点 吗 ? 
当 你 打开 这 个 应 用 时 ,系统 就 会 打开 你 在 intent-filter 节点 设置 为 android. intent. action. 
MAIN 的 Activity。 这 个 启动 Activity 的 方法 是 由 系统 完成 的 ,我 们 只 需要 把 Activity 的 
intent-filter 节点 设置 为 android. intent. action. MAIN 就 可 以 了 。 
Activity 生命 周期 
窗口 是 用 来 展示 数据 的 ,那么 我 们 就 必须 得 知道 在 什么 时 候 把 这 些 数 据 显示 在 窗口 中 ， 
什么 时 候 回 收 这 些 对 象 。 因 此 就 有 了 生命 周期 。Activity 的 生命 周期 包括 以 下 7 个 状态 。 
onCreate: Activity 创建 时 调用 。 
onStart: Activity 可 见 时 调用 。 
onResume: Activity 获得 焦点 时 调用 。 
onPause: Activity 可 见 但 失去 焦点 时 调用 。 
onStop: Activity 不 可 见 时 调用 。 
onDestroy: Activity 销毁 时 调用 。 
onRestart: Activity 重新 启动 时 调用 。 
我 们 的 应 用 程序 都 是 通过 重 写 onCreate 方法 来 设置 初始 值 (初始 化 变量 、 设 置 监听 器 
等 ) ,而 通过 重 写 onDestroy 方法 做 善后 处 理 。 这 两 个 方法 在 Activity 中 异常 重要 。 
它们 的 关系 如 图 2-1 所 示 。 


ET 
[enDestroy 一 一 一 | onStop -A enPause ] 


创建 /销毁 可 见 /不 可 见 ”获得 焦点 /失去 


图 2-1 Activity 生命 周期 
我 做 了 一 个 小 试验 ,在 Activity 的 每 个 生命 周期 中 输出 相应 周期 : 
public class MainActivity extends Activity { 
private static String TAG = "HelloWorld"; 
@Override 


public void onCreate(Bundle savedInstanceState) { 
super. onCreate( savedInstanceState); 
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而 


Log. i(TAG, "onCreate" ) ; 
} 
@Override 
public void onStart( ){ 
super. onStart (); 
Log. i(TAG, "onStart" ); 
} 
@Override 
public void onResume( ){ 
super. onResume( ); 
Log. i(TAG, "onResume"); 
} 
@Override 
public void onPause( ){ 
super. onPause( ); 
Log. i(TAG, "onPause" ); 
D 
@Override 
public void onStop( ){ 
super. onStop( ); 
Log. i( TAG, "onStop"); 
} 
@Override 
public void onDestroy( ){ 
super. onDestroy( ); 
Log. i( TAG, "onDestroy"); 


E 


@Override 的 重要 性 

大 家 可 以 看 到 每 个 重 写 的 方法 上 面 有 个 @Override 的 标识 ,这 个 标识 去 掉 之 后 也 
不 会 报错 ,但 是 当 使 用 了 (@Override 的 方法 并 没有 重 写 该 方法 的 话 ,就 会 报错 。 我 在 这 
里 提醒 大 家 , 重 写 的 时 候 尽量 使 用 @Override 标识 。 因 为 有 一 次 我 重 写 onCreate 方法 
时 没有 使 用 标识 ,把 onCreate 写成 了 onCrate, 找 了 半天 硬是 没有 找到 错误 。 如 果 有 @ 
Override 的 标识 的 话 ,就 可 以 避免 类 似 的 问题 。 


我 做 了 四 个 动作 ,打开 程序 一 返回 主屏 一 回 到 程序 一 退出 程序 。 程 序 的 输出 如 图 2-2 
所 示 。 
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图 2-2 不 同 操作 下 Activity 的 调用 
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常见 异常 
重 写 Activity 的 生命 周期 时 ,如 果 没 有 调用 父 类 方法 ,会 抛 出 异常 SuperNotCall- 
Exception。 如 : 


@Override 
public void onCreate( Bundle savedInstanceState) { 
/xx 
* 注释 掉 这 行 则 抛 出 异常 
*/ 
//super. onCreate( savedInstanceState); 
} 
AndroidRuntime FATAL EXCEPTION: main 
AndroidRuntime android.app. SuperNotCalledException: Activity{com. shinado. helloworld/com 口 
shinad o. helloworld. MainActivity}did not call through to super. onCreate( ) 


Activity 非 正 常 死亡 


2 知识 扩充 
Android 系统 会 自动 回收 一 些 不 需要 的 资源 ,来 保证 系统 运行 的 流畅 。 所 以 以 后 
不 用 再 因为 害怕 自己 手机 内 存 不 够 而 狂 点 “一 键 清除 内 存 ”" 之 类 的 按钮 。 


不 幸 的 是 ,Activity 可 能 会 因为 内 存 不 够 而 被 系统 回收 ,这 种 事情 一 般 发 生 在 以 下 几 种 
情况 下 : 

。 按 下 HOME 键 , 回 到 主屏 时 ; 

。 从 一 个 Activity 中 跳 到 另 一 个 Activity 时 ; 

。 按 下 电源 按键 (关闭 屏幕 ) 时 ; 

。 长 按 HOME 键 ,选择 运行 其 他 的 程序 时 ; 

。 屏幕 方向 切换 时 。 

这 时 ,我 们 可 以 通过 重 写 onSaveInstanceState(Bundle savedInstanceState) 方 法 来 保存 
用 户 数据 。 当 这 个 Activity 被 系统 kill 时 ,会 先 调用 这 个 方法 。 只 能 说 ,Android 不 是 一 个 
好 的 killer, 因 为 每 次 它 都 会 给 受害 者 留 下 遗言 的 时 间 ( 都 是 剧情 需要 )。 还 记得 onCreate 
中 的 Bundle 参数 吗 ? 当 这 个 Activity 被 系统 杀 死 然后 被 重新 打开 的 时 候 , 调 用 的 onCreate 
方法 中 的 Bundle 参数 就 不 会 为 空 , 而 是 一 盘 录 音 带 ,记录 下 了 它 临 死 前 的 所 有 数据 (当然 这 


些 数据 要 程序 员 自 己 去 添加 )。 
例如 : 
@Override 


public void onCreate( Bundle savedInstanceState) { 
super. onCreate( savedInstanceState); 
/ xx 
x* savedInstanceState 非 空 说 明 Activity 被 系统 杀 死 ， 
x onSaveInstanceState 方法 被 调用 了 
A 
if(savedInstanceState != null){ 


String key = savedInstanceState. getString( "TEST KEY"); 
LL, 
[一 
30 
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@Override 
public void onSaveInstanceState( Bundle outState){ 
super. onSaveInstanceState( outState); 


/ xx 
x 保存 用 户 数据 
x*/ 
outState. putString("TEST KEY","sherlock"); 
} 
小 点 子 


下 一 次 HR 问 你 关于 Activity 生命 周期 的 问题 的 时 候 , 跟 他 讲 这 个 。 如 果 我 是 
HR 的 话 ,我 会 对 你 印象 深刻 的 。 
Intent 和 Bundle 
Intent 的 中 文 意思 是 “意图 ”。 你 也 可 以 这 样 理解 ,你 可 以 通过 Intent 告诉 各 个 组 件 你 
的 意图 ,比如 说 你 想 要 打开 一 个 Activity, 比 如 你 想 要 给 正在 收听 某 个 特定 “频道 ”广播 的 组 
件 发 送 广 播 等 等 。Intent 的 具体 使 用 我 们 会 在 接 下 来 的 [aas ] 
小 节 中 分 段 介 绍 。 Le ] 
而 Bundle 相对 好 理解 一 点 , 它 用 于 存放 用 户 的 数 - - 
据 。Intent 是 桥梁 ,而 Bundle 是 运输 车 , 它 能 在 组 件 之 图 2-3 Intent 和 Bundle 
间 运 载 东 西 给 对 方 ,如 图 2-3 所 示 。 
Bundle 通过 “ 键 - 值 对 ”的 方式 存储 数据 .如 : 


Bundle bundle = new Bundle( ); 
bundle. putString("TEST_KEY", "sherlock"); 


通常 来 说 ,Bundle 由 Intent 携带 ,如 : 


intent. putExtra( "EXTRA_ BUNDLE", bundle); 


如 果 你 想 要 从 一 个 Activity 跳 到 另 一 个 Activity,Intent 就 派 上 用 场 了 : 


Intent intent = new Intent(); 
intent. setClass(this, NewActivity.class); 


// 等 同 于 
//Intent intent = new Intent(this, NewActivity. class); 
startActivity( intent); 


Service 


Service 可 以 简单 地 理解 为 没有 界面 的 Activity, 是 后 台 运 行 的 程序 。 音 乐 播放 器 是 个 
很 好 的 例子 , 当 你 退出 播放 界面 回 到 主屏 的 时 候 , 音 乐 会 继续 播放 ,自动 播放 下 一 曲 。 一 般 
来 说 ,Service 都 是 由 Activity 来 启动 (比如 说 ,你 打开 音乐 播放 器 (Activity), 单 击 “ 播 放 ”， 
开始 音乐 播放 的 Service) 。 


加 | 
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* 别 


声明 Service 


首先 ,在 工程 的 src 文件 夹 上 右 击 ,选择 New 一 Package, 填 写 包 名 新 建 一 个 package, 如 
图 2-4 所 示 。 
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La ~ lan Fa re 1@ Interface 
图 2-4 新 建 包 
接 下 来 ,在 这 个 新 建 的 包 上 右 击 ,选择 New 一 Class, 如 图 2-5 所 示 。 
» eS BaiduMapPoiSearch < bm = batmap.crectebt 
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图 2-5 新 建 一 个 类 


填写 类 名 ,新 建 一 个 class, 如 图 2-6 所 示 。 


电厂 com. shinado. helloworld service 
四 - 国 


图 2-6 新 建 的 类 
初始 的 代码 如 下 : 


public class HelloService extends Service{ 
@Override 
public IBinder onBind( Intent arg0) { 


//TODO Ruto - generated method stub 
return null; 


1 


跟 Activity 一 样 ,Service 也 必须 在 AndroidManifest. xml 中 声明 ,否则 也 不 会 报错 ,但 
是 你 会 很 迷茫 为 什么 没有 启动 Service: 


< service android:name = ". service. HelloService"/> 
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Service 生命 周期 
Service 有 且 仅 有 一 个 启动 方法 , 那 就 是 Activity 的 startService 方法 : 


Intent intent = new Intent(NewActivity.this, HelloService. class); 
NewActivity. this. startService( intent) 7 


江湖 中 盛传 的 第 二 种 启动 Service 的 方法 bindService() 并 不 能 直接 地 理解 为 启动 
Service。 至 于 为 什么 要 bind Service, 我 们 会 在 接 下 来 的 内 容 中 讨论 。 

Service 的 生命 周期 远 比 Activity 简单 ,只 有 onCreate .onStart 和 onDestroy 三 种 方法 ， 
如 图 2-7 所 示 。 


[onCreate 上 ~ onStart 上 -一 onDestroy ] 


第 一 次 无 论 何 时 stopService 
startService startService 


图 2-7 Service 生命 周期 


绑 定 Service 

我 们 回 到 音乐 播放 器 的 场景 ,用 activity 作为 展示 界面 ,activity 上 面 有 各 种 按钮 ,而 
service 控制 音乐 的 播放 和 暂停、 下 一 曲 等 。 此 时 我 在 activity 中 单 击 了 暂停 按钮 ,那么 我 们 
要 怎么 让 service 去 执行 暂停 的 代码 呢 ? 换 名 话说 ,我 们 要 怎么 获取 这 个 service 对 象 ,然后 
调用 这 个 service 对 象 的 各 种 方法 呢 ? 

这 时 候 我 们 需要 bindService(Intent service, ServiceConnection conn, int flags) 这 个 
方法 : 

。 Service: 要 绑 定 的 service 意图 。 

。 ServiceConnection :用 于 回调 获取 service 对 象 。 

。 Flags: 标 识 。 

我 们 就 可 以 通过 ServiceConnection 的 回调 方法 来 获取 service 对 象 ,然后 再 调用 
service 中 的 play 方法 。 


private void bind(){ 
Log. e(746," 在 Activity 中 bindService"); 
Intent intent = new Intent(NewActivity. this, HelloService. class); 
NewActivity. this. startService( intent); 
NewActivity. this. bindService( intent, mConnection, 0); 
} 


private void play() { 
service. play(); 


} 


“是 
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private HelloService service; 


private ServiceConnection mConnection = new ServiceConnection() { 


// 回 调 方法 , 当 调 用 bindService 时 回调 


public void onServiceConnected( ComponentName className, 
IBinder localBinder) { 


Log.e(T46, "在 Activity 中 回调 onServiceConnected 方 法 "); 
// 获 取 service 对 象 
service = ( (HelloBinder)localBinder). getService(); 
} 
// 回 调 方法 , 当 调 用 unbindService 时 回调 
public void onServiceDisconnected(ComponentName arg0) { 


Log.e(T46," 在 Activity 中 回调 onServiceDisconnected 方法 "); 
service. onUnBindMethod( ); 


service= null; 


流 


在 HelloService 中 ,在 onBind 方法 中 返回 一 个 HelloBinder 的 对 象 ,这 个 对 象 就 是 在 
activity 中 onServiceConnected 方法 的 localBinder。 


private final IBinder binder = new HelloBinder( ); 
@Override 
public IBinder onBind( Intent arg0) { 


Log. e( TAG, "onBind"); 
return binder; 


} 


public class HelloBinder extends Binder { 
public HelloService getService() { 
return HelloService. this; 
} 


为 了 方便 读者 理解 ,我 制作 了 一 个 小 demo(/demo/HelloWorld)。 主 要 代码 如 下 : 
// 按 钮 的 监听 器 


private OnClickListener 1 = new OnClickListener(){ 
public void onClick(View v) { 


int id=v. getId(); 

Intent intent = new Intent(NewActivity. this, HelloService. class); 
Switch( id){ 
// 单 击 bind 按钮 


case R. id. activity_mnew_bina_ bt: 


Log. e(TaG,， "在 Rctivity 中 单 击 bind 按钮 "); 
NewRctivity.this.bindService( intent, mConnection, 0); 
break; 
// 单 击 unbind 按钮 
case R. id.activity_new_unbind _ bt: 


Log. e(T46, "在 Activity 中 单 击 unbind 按钮 "); 
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NewActivity. this.unbindService(mConnection); 
break; 

// 单 击 start 按钮 

case R. id.activity new _ start bt: 
Log. e(Ta6G, "在 Activity 中 单 击 start 按钮 "); 
NewActivity. this. startService( intent); 
break; 

// 单 击 stop 按钮 

case R. jd. activity_new_stop_bt: 
Log. e (Ta6, "在 Activity 中 单 击 stop 按钮 "); 
NewActivity. this. stopService( intent); 
break; 

// 单 击 play 按钮 

case R. id. activity_ new play_bt: 
Log. e (7T26, "在 Activity 中 单 击 play 按钮 "); 
service. play( ); 
break; 


当先 后 单 击 start、bind 和 destroy 按钮 时 ,输出 如 图 2-8 所 示 。 
这 时 我 们 改变 一 下 顺序 , 先 单 击 bind 再 单 击 start, 然 后 是 unbind 和 destroy, 得 到 的 输 
入 如 图 2-9 所 示 。 


让 Es 
在 Activity 中 点 击 start 按 乌 Text 
onCreate 在 Activity 中 点 击 bind 按 钮 
onStart 在 Activity 中 点 出 start 按 钮 
在 Activity 中 点 出 bind 按 乌 onCreate 
onBind onBind 
在 Acctlvicy 中 回 厢 onServiceConnecced 方 仁 onStart 
Service 李 用 onBindNethod 方 法 在 Activity 中 回 仙 onServiceConnected 方 志 
在 Activity 中 点 出 stop 按 钮 Service 闻 用 onBindMethod 方 法 
在 Activity 中 回 们 onServiceDisconnected 方 法 在 Activity 中 点 出 wnbind 按 钮 
Service 昱 用 onUnBindMethod 方 法 onDnbind 
onUnbind 在 Activity 中 点 击 stop 按 钮 
onDestroy troy 
图 2-8 Service 测试 结果 1 图 2-9 Service 测试 结果 2 


我 们 可 以 看 到 ,在 service 还 未 启动 时 单 击 bind 按钮 ,不 会 调用 service 的 任何 方法 , 直 
到 启动 了 service 才 会 开始 调用 ,并 且 顺 序 为 onCreate~>onBind->onStart; 而 当 我 们 先 取消 
绑 定 service 再 终止 service 时 ,不 会 回调 onServiceDisconnectd 方法 。 

当然 ,类 似 的 细节 还 有 很 多 ,笔者 无 法 在 这 一 一 讲解 .读者 可 以 自己 去 探索 。 


Broadcast Receiver 


顾名思义 ,Broadcast Receiver 就 是 广播 接收 者 (收音 机 )。 既 然 有 收音 机 , 那 肯定 是 有 
广播 的 。 在 Android 中 ,广播 是 无 处 不 在 的 ,如 果 你 的 程序 也 需要 接受 广播 的 话 就 必须 使 用 
Broadcast Receiver。 当 然 有 广播 就 有 特定 的 频道 ,我 们 可 以 在 代码 中 设 定 自己 喜欢 的 频 
道 ,接收 有 用 的 信息 。 


“是 
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“应 


Android 系统 中 有 很 多 系统 设 定 的 广播 信息 ,比如 电量 广播 。 如 果 我 们 要 做 一 个 查看 
电量 的 程序 ( 听 起 来 有 点 多 此 一 举 ) ,那么 就 可 以 使 用 Broadcast Receiver 监听 电量 广播 。 

再 比如 聊天 系统 的 信息 推送 。 我 们 使 用 一 个 service 在 后 台 接 收 消息 ,接收 到 消息 后 发 
送 一 个 广播 ,告诉 前 台 显示 这 一 条 消息 。 

发 送 和 接收 广播 

先 看 一 个 简单 的 例子 (/demo/Broadcast) ,MainActivity 中 启动 服务 BroadcastService 
并 添加 监听 器 ,服务 一 启动 就 发 送 一 个 广播 。 


public class MainActivity extends Activity { 
private final static String TAG = "Broadcast"; 


(@Override 

public void onCreate(Bundle savedInstanceState) { 
super. onCreate( savedInstanceState) 7 
setContentView(R. layout. activity _main); 


// 注 册 接 收 器 ,监听 的 action 为 BroadcastService. ACTION 
IntentFilter filter = new IntentFilter( ); 


filter. addAction( BroadcastService. ACTION ); 
registerReceiver(receiver, filter); 


// 启 动 service 
startService(new Intent (this, BroadcastService. class)); 
} 
@Override 
public void onDestroy( ){ 
super. onDestroy( ); 
// 注 销 这 个 接收 器 
unregisterReceiver(receiver); 
} 
BroadcastReceiver receiver = new BroadcastReceiver(){ 
@Override 
public void onReceive(Context context, Intent intent) { 
Bundle bundle = intent.getBundleExtra( 
BroadcastService.EXTRR_BUNDLE) ; 
String value = bundle. getString(BroadcastService. EXTRA_KEY); 
Log. e (TAG, value) ; 


广播 服务 的 代码 : 
public class BroadcastService extends Service{ 


public static final String ACTION = "com. example. broadcast. test"; 
Ppublic static final String EXTRA_BUNDLE = "bundle"; 
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public static final String EXTRA_KEY = "key"; 


@Override 
public void onCreate( ){ 
super. onCreate( ); 
SendBroadcast( ); 
} 
private void sendBroadcast( ){ 
Intent intent = new Intent(); 
intent. setAction( ACTION); 
Bundle bundle = new Bundle( ); 
bundle. putString( EXTRA_KEY,"sherlock" ); 
intent. putExtra( EXTRA_BUNDLE, bundle); 


SendBroadcast( intent); 
| 
@Override 
public IBinder onBind( Intent arg0) { 
//TODO Ruto - generated method stub < 


return null; 


注意 代码 中 的 黑体 字 , service 在 发 送 广 播 的 时 候 声 明 action 为 字符 串 com. example. 
broadcast. test, 可 以 把 它 当 作 一 个 特定 的 频道 。 而 在 activity 中 要 接收 的 也 正 是 这 个 频道 
(action 为 字符 串 com. example. broadcast. test) 。 

静态 注册 广播 

新 建 一 个 类 ,继承 BroadcastReceiver: 


public class TestBroadCastReceiver extends BroadcastReceiver{ 
private final static String TAG = "TestBroadCastReceiver"; 


@Override 
public void onReceive( Context context, Intent intent) { 
Bundle bundle = intent. getBundleExtra( 
BroadcastService. EXTRA_BUNDLE ); 
String value = bundle. getString(BroadcastService. EXTRA_KEY); 
Log.el( TAG, value); 


然后 在 Manifest. xml 的 application 节点 下 加 入 receiver 节点 : 


< receiver android:name = ". TestBroadCastReceiver"> 
< intent - filter > 
<action android:name = "com. example. broadcast. test"/> 
</intent - filter> 


</receiver > 过 
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同样 也 能 注册 这 个 广播 接收 器 。 
Content Provider 


Content Provider 多 多 少 少 是 一 个 让 人 疑惑 的 组 件 , 因 为 它 不 太 常 用 ,但 是 却 归 到 了 
“四 大 组 件 ” 这 个 类 别 中 。 我 们 先 来 看 看 Content Provider 的 用 途 吧 。 首 先 它 用 于 数据 的 存 
储 和 获取 ,也 就 是 永久 层 。 但 是 注意 , 它 只 是 一 套 接口 而 已 。 也 就 是 说 具体 怎么 实现 永久 
层 , 是 使 用 XML 存储 还 是 sqlite 存储 或 者 网 络 存储 ,都 由 开发 者 自己 实现 。 此 外 ,Content 
Provider 还 有 一 个 特点 , 它 支持 不 同 程序 的 访问 。 也 就 是 说 ,程序 B 可 以 访问 到 程序 A 的 
Content Provider。 


例如 ,我 们 可 以 在 Activity 中 获取 手机 的 所 有 联系 人 : 


// 获 取 联系 人 
private void getContacts() { 
// 获 取 ContentResolver 对 象 
ContentResolver resolver = getContentResolver( ); 
// 定 义 要 查询 的 内 容 (姓名 ,号 码 和 id) 
String[ ] CONTACT PROJECTION = new String[] { 
Phones. DISPLAY_NAME, Phones. NUMBER, Phones._ID }; 
Cursor c= resolver. query(Phones. CONTENT_URI, CONTACT PROJECTION, null, null, null1); 


if (c = null) { 
while (c.moveToNext() ) { 


// 手 机 号 码 

String number = c. getString(0); 
// 联 系 人 

String name = c. getString(1); 
//id 


Long id = c.getLong(2); 
Log. e (TAG, id+":"+name+" "+number); 
} 


c.close(); 


第 二 节 ”Android UI 设计 
在 这 一 节 , 我 们 可 以 先 抛 下 枯燥 无 聊 的 代码 (如 果 你 喜欢 代码 的 话 那 男 当 别论 ) ,来 看 一 
些 赏心悦目 的 东西 。 
设计 规范 
2012 年 初 ,Android 终于 退出 官方 界面 设计 指导 网 站 .有 兴趣 的 可 以 上 网 看 一 下 
(http://developer. android. comy/ design/index. html) 。 笔 者 结合 自己 的 经 验 和 官方 指导 网 
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站 的 建议 , 列 出 几 点 我 觉得 值得 注意 的 。 

要 有 反馈 ,特别 是 按钮 

Android 的 官方 说 明 是 ,按钮 至 少 要 有 图 2-10 所 示 的 四 种 状态 (默认 、 不 可 用 、 获 得 焦 
点 、 按 下 )。 我 们 经 常会 忘记 获得 焦点 和 不 可 用 这 两 种 状态 ,但 是 随 着 触摸 笔 技 术 以 及 智能 
电视 的 普及 ,应 该 要 开始 注意 获得 焦点 这 个 状态 的 处 理 。 


图 2-10 按钮 四 种 状态 


按钮 能 按 的 区 域 要 大 于 按钮 本 身 

这 一 点 你 应 该 很 有 经 验 , 因 为 我 们 说 不 准 自己 的 手指 到 底 按 在 什么 地 方 了 。 

让 用 户 惊讶 ,不 要 让 用 户 震 惊 

提供 最 简单 最 直接 的 操作 方式 , 行 有 余力 之 时 再 给 用 户 提 供 便捷 操作 。 比 如 在 应 用 
todo( 早 期 版 本 ) 中 ,有 向 右 滑动 删除 事件 的 功能 (图 2-11)， 
但 同时 也 有 通过 单 击 按钮 删除 事件 的 功能 。 如 果 没 有 常规 
的 按钮 删除 功能 ,用 户 估计 会 抓 狂 的 。 

用 图 片 说 话 | 

如 果 有 非常 规 操作 ,用 引导 图 来 告诉 用 户 怎么 做 。 比 如 ”小 守门 
在 应 用 IxLaunch 中 , 当 用 户 打 开 程 序 后 ,会 有 图 片 引导 , 直 。 绍 吕 人 和 和 入 
到 用 户 学 会 怎么 操作 ,如 图 2-12 所 示 。 

突出 重点 

在 课程 表 应 用 中 ,整个 界面 的 重点 是 查看 ,因为 使 用 课 
程 表 最 重要 的 功能 是 查看 课程 ; 而 每 节 课 的 重点 是 时 间 , 谁 
都 不 想 迟 到 。 让 重点 突出 , 一目了然 ,如 图 2-13 所 示 。 人 


消息 列表 gs 


更 多 应 用 尽 在 now.com 


Now 工 作 训 是 一 个 专注 几 户 体验 , 充满 洁 力 的 
工作 二. 


图 2-12 图 片 引导 过 


伟 Android 产 品 实战 从 零 开始 


号 本 


9 
| 竹 积 分 


1 和 pas 


2 图 2-13 突出 重点 
隐藏 非 重要 信息 


作为 一 个 合格 的 菜单 , 它 的 必 备 素质 之 一 就 是 知道 怎么 隐藏 。 在 控件 应 用 中 , 当 菜 单 不 
使 用 时 隐藏 在 左下 角 ,需要 时 弹出 ,如 图 2-14 所 示 。 


和 也 泡 


图 2-14 需要 时 弹出 


多 用 sytle 

减少 代码 元 余 。 

不 要 使 用 px. 使 用 dp 

这 一 点 会 在 接 下 来 说 明 。 

不 要 使 用 AbsoluteLayout 

虽然 绝对 布局 是 客观 存在 的 ,但 是 不 要 用 它 ,就 像 虽 然 有 goto 但 是 没有 人 会 用 它 一 样 。 


异 幕 适应 
| 国 作为 -个 Anaroia 开发 者 , 屏 节 的 事情 总 是 让 人 头 疾 。 不 过 好 在 Android 有 自己 的 一 
套 兼容 性 方案 。 但 是 读者 在 开发 Android 的 过 程 中 需要 注意 这 些 问题 。 
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而 


drawable 文件 夹 

前 面 一 章 中 介绍 过 , drawable 文件 夹 有 四 个 : drawable-xhdpi、 drawable-hdpi、 drawable- 
mdpi 和 drawable-ldpi。 我 们 新 建 一 个 工程 ,将 布局 改 为 一 张 居 中 的 图 片 ,图 片 用 的 就 是 生 
成 工程 时 自 带 的 图 标 。 


< RelativeLayout 
xmlns:android = "http://schemas.android. com/apk/res/android" 
xmlns:tools = "http://schemas. android. com/tools™" 
android: layout width= "fill parent" 
android: layout height = "fill] parent"> 
< ImageView 
android:layout width= "wrap_content" 
android:layout height = "wrap_content" 
android:layout_centerHorizontal = "true" 
android:layout_ centerVertical = "true" 
android:src= " (@drawable/ic_launcher"/> 
</RelativeLayout > 


我 用 了 三 个 不 同 分 辩 率 的 模拟 器 来 运行 这 个 程序 ,得 到 的 结果 如 图 2-15 所 示 ( 左 边 


800X480 ,右上 320X240, 右 下 480X320)。 虽 然 分 辩 率 不 同 ,但 是 显示 效果 是 一 样 的 。 这 
是 因为 在 每 个 drawable 文件 夹 中 有 相对 应 尺寸 的 图 片 ,分 别 是 72X72,48X48 和 32X 32。 


而 有 @ srw Bn 


图 2-15 不 同 分 辨 率 下 的 ImageView 


我 们 再 做 一 个 试验 ,保留 drawable-ldpi 文件 夹 ,删除 其 他 
drawable 文件 夹 ,然后 再 运行 一 次 (注意 要 修改 代码 文件 .随便 加 个 空 
格 都 可 以 ,否则 ADT 不 会 重新 编译 ) 。 此 时 高 分 辩 率 的 模拟 器 上 的 图 <> 
片 呈现 模糊 状态 ,如 图 2-16 所 示 因 为 图 片 被 拉 伸 至 它 应 该 有 的 大 小 。 
最 后 ,将 drawable ldpi 重 命名 为 drawable, 再 次 运行 。 这 时 所 ”图 2-16 高 分 辩 率 下 
有 的 图 标 都 会 缩小 ,如 图 2-17 所 示 。 图 片 被 拉 介 


: 虑 
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图 2-17 ”所 有 分 辩 率 都 使 用 同一 个 图 片 


2 长 度 单位 dp 和 px 


先 了 解 一 下 dp 和 px 这 两 个 概念 。dp 等 同 于 dip(device-independent pixel) ,也 就 是 跟 
设备 分 辨 率 无 关 的 像素 。Android 把 手机 设备 分 为 480dipX320dip; px 也 就 是 pixel 像素 ， 
跟 屏 幕 分 辩 率 有 关 。 

为 了 更 具体 地 演示 dp 和 px 的 区 别 ,我 们 再 做 一 下 修改 ,把 布局 文件 的 图 片 框 代码 改 为 
一 个 80 像素 X80 像素 的 黑色 矩形 : 


< ImageView 
android: layout_width = "80px" 
android: layout_height = "80px" 
android: layout_centerHorizontal = "true" 
android: layout_centerVertical = "true" 
android: src = " (@android:color/black"/> 


在 不 同 的 分 辩 率 下 ,这 个 黑色 矩形 保持 相同 的 物理 大 小 ,如 图 2-18 所 示 。 
局 大 四 zw Bd 


图 2-18 不 同 分 辩 率 下 矩形 物理 大 小 相同 
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再 把 长 和 宽 都 改 成 80dp ,就 回 到 了 “看 起 来 一 样 大 ”的 效果 ,如 图 2-19 所 示 。 


android: layout_width= "80dp" 
android: layout_height = "80dp" 


必 TE 
| 


图 2-19 不 同 分 辨 率 下 和 矩形 相对 大 小 相同 


使 用 9png 
在 Android 开发 中 ,经 常 使 用 9png 格式 的 图 片 作为 控 i 
件 的 背景 , 它 的 好 处 在 于 可 以 控制 缩放 的 区 域 ,达到 缩放 自 ”| 
如 的 效果 ,如 图 2-20 所 示 。 
9png 的 原理 就 是 指定 缩放 图 片 中 的 部 分 ,在 这 个 输入 
框 背景 中 ,指定 缩放 的 部 分 为 圆 角 内 的 方形 部 分 ,从 而 不 会 
影响 到 圆 角 的 图 形 。 
最 新 的 Android SDK 中 自 带 了 9png 图 片 的 制作 工具 ， 
在 \sdk\tools 中 可 以 找到 该 工具 draw9patch. bat, 打 开 后 的 图 2-20 使 用 9png 的 效果 
界面 如 图 2-21 所 示 。 


不 使 用 9png 
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图 2-21 9png 工具 


下 
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将 需要 制作 的 png 图 片 拖 动 到 上 面 。 我 们 以 图 2-20 为 例 。 
首先 在 界面 下 方 勾 选 Show content 和 Show patches 以 便 9png 的 制作 ,如 图 2-22 所 示 。 


国 5 回 
加 


图 2-22 勾 选 Show content 和 Show patches 


在 图 片 四 周 各 点 一 个 点 , 行 成 一 个 十 字 , 如 图 2-23 所 示 。 


图 2-23 绘制 十 字 


此 时 ,在 右 图 的 拉 伸 效 果 示 意 中 已 经 出 现 9png 的 雏形 ,但 这 只 是 第 一 步 。 图 中 阴影 区 
域 表示 可 以 显示 的 区 域 ,如 图 2-24 所 示 。 
此 时 在 手机 中 的 显示 效果 为 如 图 2-25 所 示 。 


二 
请 输入 密码 
图 2-24 显示 区 域 图 2-25 实际 效果 


纠正 显示 区 域 , 补 上 两 边 的 线 , 如 图 2-26 所 示 。 
这 个 9png 图 片 就 做 好 了 。 
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图 2-26 纠正 显示 区 域 


你 的 风格 ? 


现在 比较 流行 并 且 也 是 较为 对 立 的 两 种 设计 风格 是 以 苹果 为 代表 的 Skeuomorph( 拟 
物 ) 风 格 和 以 微软 为 代表 的 Metro 风格 (图 2-27 ,成 书后 不 久 ,苹果 公 司 也 加 入 到 扁平 化 的 
大 潮 中 )。 


图 2-27 Metro 风格 


我 个 人 偏爱 类 似 Metro 的 简洁 风格 ,因为 这 种 风格 的 应 用 太 好 做 了 ,在 没有 专业 美工 
的 情况 下 也 能 做 出 很 好 看 的 应 用 ( 偷 笑 )。 你 只 用 把 文字 、 图 片 放 到 正确 的 地 方 , 调 一 个 正确 
的 大 小 ,看 起 来 错落 有 致 ,简洁 有 力 就 可 以 了 。 图 2-28 就 是 简洁 风 络 的 一 个 例子 。 

当然 拟 物 风格 也 无 妨 , 课 程 表 中 的 概念 时 钟 控 件 (我 打赌 你 看 不 出 它 是 一 个 时 钟 ) 就 是 
一 个 拟 物 的 例子 ,如 图 2-29 所 示 随 着 指针 的 调动 ,会 发 出 “ 叶 叶 ”的 机 械 声音 ,非常 好 玩 。 
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图 2-28 清新 风格 界面 图 2-29 拟 物 风格 
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我 们 首先 新 建 一 个 布局 文件 ,在 layout 文件 夹 上 右 击 ,选择 New>Android XML File， 
如 图 2-30 所 示 。 


ncho= 四 大 } 
AT) New » | 内 Java Project 
c | Golnto 闵 Android Application Project 
ml Open in New Window [3 Project- 
dr ShowIn AksShifftW | 开 Package 
dr ( 
Ydr| 较 Copy Cul#c |@ Cess 
set 国 “copy Qualified Name nies 
n | 六 Paste GV |G Enim 
| Delete Daas | © Aenean 
5 大 Source Folder 
‘dl Build Path ， | 夫 Java Working Set 
:dl Refactor Alt+Shift+T» 3 Folder 
“dis Import- [ Fie 
da Eport. 恒 Untited Text File 
‘a 车 F5 | Android XML Fie 
EJUnit Test Case Le 
a EB 

日 is 人 下 一 一 一 [~ 

图 2-30 新建 XML 文件 

在 接 下 来 的 界面 中 填写 文件 名 (注意 .要 以 . xml 结尾 ) ,选择 根 元 素 , 如 图 2-31 所 示 。 


旺 
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二 = cc 
New Android XML File | 
Creates a new Android XML file. 


[ 山 LinearLayout 

国 Ustview 

四 Mediacontroller 

(EMSA en ndataTet/e. 


图 2-31 选择 根 元 素 


我 们 选择 LinearLayout, 并 且 修 改 代码 : 


<?xm] version="1.0" encoding= "utf - 8"?> 

<LinearLayout 
xmlns:android = "http://schemas. android. com/apk/res/android" 
android:layout_width = "fil1_parent" 
android: layout_height = "fil1_parent"> 


< Button 
android:layout_width= "wrap_content" 
android:layout_height = "wrap_content" 
android:text = "@string/hello_world"/> 


</LinearLayout > 


这 个 布局 文件 包括 一 父 一 子 两 个 节点 . 父 节点 为 LinearLayout 线性 布局 , 它 是 一 个 容 
器 ,用 于 盛 放 各 种 控件 ,当然 也 包括 它 自己 ; 子 节点 为 一 个 文本 。 在 Android 中 ,可 以 盛 放 
子 容器 的 布局 有 五 种 , 接 下 来 我 们 会 一 一 介绍 。 

Android 4.0 以 后 就 已 经 是 六 大 布局 了 

Android 4.0 以 后 增加 了 第 六 个 布局 GridLayout. 会 在 第 9 章 详 细 介绍 。 


万 金 油 AbsoluteLayout 绝对 布局 


绝对 布局 ,也 就 是 根据 坐标 确定 控件 的 布局 方法 ,现在 的 ADT 已 经 把 它 列 为 * 弃 用 ” 
了 。 昌 然 如 此 ,但 是 在 奇 范 的 情况 下 也 是 会 有 使 用 的 。 

我 们 新 建 一 个 布局 文件 layout_absolute. xml, 选 择 根 元 素 为 AbsoluteLayout。 

创建 完成 之 后 ,layout_absolute. xml 文件 会 包含 根 元 素 AbsoluteLayout: 


<?xml version="1.0" encoding= "utf - 8"?> 
< AbsoluteLayout 
xmlns:android = "http://schemas. android. com/apk/res/android" 


坚 


牛 
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android: layout_width= "fi]]_parent” 
android: layout height = "fill] parent"> 


</AbsoluteLayout > 


这 里 两 个 属性 android:layout_width 和 android:layout_height 分 别 表 示 这 个 元 素 的 宽 
度 和 长 度 , 这 两 个 属性 是 几乎 所 有 控件 都 必须 有 的 ,没有 就 会 报错 。 它 的 可 填 参 数 如 下 。 

。 fill_parent: 扩充 至 父 元素 , 与 父 元 素 大 小 相同 。 

。 wrap_content: 与 内 容 的 大 小 相同 。 

最 新 版 的 ADT 已 经 可 以 很 好 地 支持 用 图 形 界面 来 创建 布局 文件 了 。 通 过 切换 下 面 的 
卡片 来 选择 图 形 界面 和 代码 界面 ,如 图 2-32 所 示 。 


ml rpm wb odin el |™ 


> Kho ” 四 OI- MpThene - Omimetivity » 


国 orsehi eul Layout /layout_sbeolute snl 


图 2-32 切换 图 形 界面 
把 一 个 Butto 拖 到 右边 的 布局 中 ,会 自动 产生 代码 : 


< Button 
android:id="@+ id/button1" 
android:layout_width= "wrap_content" 
android:layout height = "wrap_content" 
android:layout x= "134dp" 
android:layout y= "202dp" 
android:text = " @string/button"/> 


作为 初学 者 来 说 ,建议 读者 朋友 们 不 要 使 用 图 形 界面 来 创建 布局 文件 ,而 要 自己 写 一 写 
代码 。 因 为 如 果 一 开始 就 使 用 图 形 界面 就 会 产生 一 种 依赖 ,有 时 候 出 了 错 也 不 知道 是 哪里 
出 错 。 建 议 读者 在 熟悉 了 布局 文件 以 及 各 个 控件 之 后 再 来 使 用 图 形 化 的 界面 。 

言 归 正 传 ,绝对 布局 的 特征 就 是 子 控件 有 两 个 属性 : android: laytou_x 和 android: 
layout_y。 顾 名 思 义 ,它们 分 别 表示 控件 的 x 坐标 和 y 坐标 。 

最 后 说 明 一 句 , 慎 用 绝对 布局 。 
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聪明 的 RelativeLayout 相对 布局 


相对 布局 是 Android 布局 中 较为 灵活 的 一 种 ,我 们 可 以 通过 设置 控件 相对 于 参照 物 的 
相对 位 置 (比如 说 按钮 1 在 编辑 框 1 的 下 方 ) 来 设置 布局 。 

我 们 来 看 一 个 相对 布局 的 例子 。 这 个 布局 有 5 个 Button ,分 别 为 center、left、right、top 
和 bottom。 顾 名 思 义 ,它们 的 位 置 分 别 在 中 心 ,左边 .右边 ` 上 方 和 下 方 ,如 图 2-33 所 示 。 


有 


区 
i 


图 2-33 相对 布局 实例 
布局 文件 layout_ralative. xml 代码 为 : 


<?xml version="1.0" encoding= "utf - 8"?> 

< RelativeLayout xmlns:android = "http://schemas. android. com/apk/res/android" 
android: layout width="fill_ parent" 
android: layout_ height = "fill_parent"> 


< Button 
android:id=" @+ id/center" 
android:layout_ width= "wrap_content" 
android:layout_height = "wrap_content" 
android:1layout_centerHorizontal = "true" 
android:layout_centerVertical = "true" 
android:text = " (@string/center"/> 


< Button 
android:id=" @+ id/bottom" 
android:layout width= "wrap_content" 
android:layout height = "wrap_content" 
android:layout alignLeft ="(@+ id/center" 
android:layout below= "@+ id/center" 
android:layout marginTop= "30dp" 
android:text = " (@string/bottom"/> 


<Button 
android:id=" @+ id/right" 
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android:layout width= "wrap_content" 
android:layout height = "wrap_content" 
android:layout above= "@+ id/center" 
android:layout marginLeft= "22dp" 
android:layout toRightOf = " (@ + id/bottom" 
android:text = " (@string/right "/> 


< Button 
android:id="@+ id/left" 
android:layout width= "wrap_content" 
android:layout height = "wrap_content" 
android:layout_above = " @+ id/bottom" 
android:1layout marginRight = "28dp" 
android:layout_toLeftOf =" (@ + iaVcenter" 
android:text = " @string/left"/> 


< Button 
android:id=" @+ id/top" 
android:layout width= "wrap_content" 
android:layout height = "wrap_content" 
android:layout above= " (@+ id/right" 
android:layout alignRight = "@+ id/center" 
android:text = " @string/top"/> 


</RelativeLayout > 


我 们 先 来 看 第 一 个 按钮 center, 它 有 两 个 特殊 属性 : 

。 android:layout_centerHorizontal: 设置 为 true 时 ,控件 水 平 居 中 。 

。 android:layout_centerVertical: 设置 为 true 时 ,控件 垂直 居中 。 

因此 center 按钮 呈 水 平 居中 。 除 此 之 外 ,在 绝对 布局 中 还 有 另外 四 个 属性 用 于 设置 没 

有 参照 物 的 控件 的 位 置 : 

。 android:layout_alignParentTop: 当 设 置 为 true 时 ,控件 靠 父 容器 的 上 方 。 

。 android:layout_alignParentBottom: 当 设 置 为 true 时 ,控件 靠 父 容器 的 下 方 。 

。 android:layout_alignParentLeft: 当 设 置 为 true 时 ,控件 靠 父 容器 的 左边 。 

。 android:layout_alignParentRight: 当 设 置 为 true 时 ,控件 靠 父 容器 的 右边 。 
我 们 以 按钮 center 为 参照 物 ,就 有 按钮 bottom; 它 有 以 下 三 个 属性 : 

。 android:layout_alignLeft: 该 控件 与 指定 控件 的 左边 对 齐 ,格式 为 "@ 十 id/[ 控 件 idj"。 
。 android:layout_below: 该 控件 在 指定 控件 的 下 方 , 格 式 为 "@ 十 id/[ 控 件 id]"。 

。 android:layout_marginTop: 像素 ,表示 该 控件 与 指定 的 上 方 控件 的 距离 。 

同样 ,以 center 和 bottom 为 参照 物 , 有 按钮 right, 同 样 , 它 也 有 以 下 三 个 属性 : 

。 android:layout_above: 该 控件 在 指定 控件 的 上 方 ,格式 为 "@ 十 id/[ 控 件 id]"。 

。 android:layout_marginLeft: 像素 .表示 该 控件 与 指定 的 左边 控件 的 距离 。 

。 android:layout_toRightOf: 该 控件 在 指定 控件 的 右边 ,格式 为 "@ 十 id/[ 控 件 idj"。 
乍 一 看 ,似乎 android:layout_above 和 android:layout_toRightOf 不 是 表示 同一 个 格式 
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的 属性 (在 潜意识 中 ,与 android: layout_above 相对 应 ,表示 在 指定 控件 的 右边 应 该 为 
“android:layout_right”) 。 但 实际 上 相对 布局 中 是 没有 android:layout_right 这 个 属性 的 ， 
因为 英语 中 的 语法 是 A is to right of B, 而 不 是 A is right B。 

同样 ,top 跟 left 按钮 的 布局 也 是 以 类 似 的 方法 设置 的 ,这 里 就 不 多 加 歼 述 了 。 

总 结 一 下 ,设置 控件 与 参照 物 的 相对 位 置 的 常用 方法 有 12 种 ,分 别 如 下 : 

。 android:layout_top: 该 控件 在 指定 控件 的 上 方 ,格式 为 "@ 十 id/[ 控 件 id]"。 
android:layout_below: 该 控件 在 指定 控件 的 下 方 ,格式 为 "@ 十 id/[ 控 件 id]"。 
android :layout_toLeftOf: 该 控件 在 指定 控件 的 左边 ,格式 为 "@ 十 id/[ 控 件 idj"。 
android:layout_toRightOf: 该 控件 在 指定 控件 的 右边 ,格式 为 "@ 十 id/[ 控 件 idj"。 
android:layout_alignTop : 该 控件 与 指定 控件 的 上 方 对 齐 ,格式 为 "@ 十 id/[ 控 件 idj"。 
android :layout_alignBelow: 该 控件 与 指定 控件 的 下 方 对 齐 ,格式 为 "@ 十 id/[ 控 件 idj"。 
android:layout_alignLeft: 该 控件 与 指定 控件 的 左边 对 齐 ,格式 为 "@ 十 id/[ 控 件 id]"。 

。 android:layout_alignRight: 该 控件 与 指定 控件 的 右边 对 齐 ,格式 为 "@ 十 id/[ 控 件 id]"。 SN 


易 扩 展 的 LinearLayout 线性 布局 


线性 布局 是 Android 布局 中 使 用 最 多 的 布局 ,使 用 起 来 也 很 方便 , 子 控件 中 没有 特殊 的 
属性 ,只 需要 幅 套 在 LinearLayout 元 素 中 即 可 。 
我 们 先 来 看 一 个 线性 布局 的 例子 。 它 包含 了 有 线性 布局 嵌 套 线性 布局 的 结构 ,如 图 2-34 


所 示 。 


LinearLayout( 垂 直 ) 


LinearLayout( 水 平 ) 


LinearLayout( 水 平 ) 


图 2-34 布局 示意 图 


这 个 布局 文件 的 第 一 层 为 垂直 LinearLayout, 第 二 层 有 两 个 水 平 LinearLayout 和 一 个 
Button(Cbutton3) ,第 三 层 为 4 个 Button ,分 别 在 两 个 LinearLayout 之 中 。 理 解 了 这 个 结构 


之 后 我 们 再 来 看 布局 文件 : | 
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<?xml version="1.0" encoding= "utf - 8"?> 
<LinearLayout 
xmlns:android= "http://schemas. android. com/apk/res/android" 
android: layout width= "fill parent" 
android: layout height = "fill parent" 
android:orientation = "vertical"> 


<LinearLayout 
android:layout width= "fill] parent" 
android:layout height = "wrap_content"> 


< Button 
android: id= "(@+ id/button1" 
android: layout width= "wrap_content" 
android: layout height = "wrap_content" 
android: text =" @string/left"/> 


A ee 


android:id= "@+ id/button2" 

android: layout width= "wrap_content" 
android: layout_height = "wrap_content" 
android: text = " @string/right "/> 


</LinearLayout > 


<Button 
android:id=" @+ id/button3" 
android:layout width= "wrap_content" 
android:layout_height = "wrap_content" 
android:text = " @string/center" 
/> 


<LinearLayout 
android:layout width= "fill_parent" 
android:layout height = "wrap_content"> 


< Button 
android:id= "(@+ id/button4" 
android: layout width= "wrap_content" 
android: layout_height = "wrap_content" 
android: text = " @string/bottom"/> 


< Button 
android: id= "@+ id/button5" 
android: layout width= "wrap_content" 
android: layout height = "wrap_content" 
android:text =" @string/bottom"/> 


副 </LinearLayout > 
上 纤 </LinearLayout > 
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运行 结果 如 图 2-35 所 示 。 sn 
切换 FrameLayout 卡片 布局 I re 
E> 


上 ee | bom 


卡片 布局 可 以 说 是 Android 中 最 傻瓜 式 的 布局 了 。 卡 片 布 

局 中 每 个 控件 的 左上 方 都 与 父 容器 (也 就 是 卡片 布局 本 书 ) 左 上 

方 重合 ,在 父 容器 中 层 倒 起 来 。 图 2-35 线性 布局 实例 
说 起 来 略 显 抽象 。 我 们 来 看 一 个 例子 就 会 明白 卡片 布局 的 作用 ， 


<?xml version= "1.0"encoding= "utf - 8"?> 

<FrameLayout xmlns:android = "http://schemas. android. com/apk/res/android" 
android: layout_width="fil]_parent" 
android: layout height = "fill parent"> 


< TextView 
android:id="@+ id/textViewl" 
android:layout width= "wrap_content" 
android:layout height = "wrap_content" 
android:text = " @string/hello_world" 
android:textAppearance = " ?android:attr/textAppearanceLarge" /> 


<Button 
android:id="@+ id/button1" 
android:layout_ width= "wrap_content" 
android:layout height = "wrap_content" 
android:text = " (@string/button"/> 

< ImageView 
android:id=" @+ id/imageViewl" 
android:layout width= "wrap_content" 
android:layout height = "wrap_content" 
android:src = " @drawable/ic_launcher" 
android:contentDescription= " (@string/hello_world"/> 


</FrameLayout > 


运行 结果 如 图 2-36 所 示 。 


1!@®@ ; world! 
> 
图 2-36 卡片 布局 实例 


表单 TableLayout 表格 布局 


表格 布局 最 经 典 的 应 用 就 是 用 户 注册 。 表 格 布局 必须 包含 子 控件 二 TableRow> , 它 表 
示 表 格 中 的 一 行 ,一 行 中 又 可 以 包含 多 个 控件 (水 平 ) ,各 个 控件 在 水 平 上 相互 对 齐 。 可 以 
说 ,表格 布局 就 是 一 个 垂直 LinearLayout 骨 套 多 个 水 平 LinearLayout。 


“上 
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我 们 来 看 一 个 例子 : 


<?xml version="1.0" encoding= "utf 一 8"?> 

< TableLayout xmlns:android = "http://schemas. android. com/apk/res/android" 
android: layout width= "fil] parent" 
android: layout height = "fill parent"> 


<TableRow 
android:layout height = "wrap_content" 
android:gravity= "center"> 


< TextView 
android: layout_width= "wrap_content" 
android: layout_height = "wrap_content" 
android: text =" @string/user_name"/> 


<EditText 
android: layout width= "150dp" 
android: layout_ height = "wrap_content" 
android: inputType = "text"/> 


</TableRow> 


< TableRow 
android:layout_ height = "wrap_content" 
android:gravity= "center" > 


< TextView 
android: layout width= "wrap_content" 
android: layout height = "wrap_content" 
android: text = " (@string/pwd"/> 


< EditText 
android: layout_width= "150dp" 
android: layout_height = "wrap_content" 
android: inputTYpe = " textPassword"/> 


</TableRow> 


< TableRow 
android:layout height = "wrap_content" 
android:gravity= "center" > 


< TextView 
android: layout width= "wrap_content" 
android: layout height = "wrap_content" 
android:text =" @string/pwd_rep"/> 


<EditText 


Lj android: layout width= "150dp" 
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android: layout height = "wrap_content" 
android: input Type = "textPassword" /> 
</TableRow> 


</TableLayout > 


如 果 读 者 细心 的 话 就 会 发 现 TableRow 居然 没有 
android ;layout_width 这 个 属性 。 我 们 在 之 前 说 过 android: 
layout_width 这 个 属性 是 几乎 所 有 控件 都 必须 有 的 ,这 个 
TableRow 就 是 个 特例 了 。 因 为 TableRow 的 android: 
layout_width 默认 为 “fill_parent”, 而 且 不 能 修改 ,所 以 我 们 
可 以 不 设置 ,即便 设置 了 其 他 参数 也 没有 效果 。 


一 
一 
Password 


Repeat Password 


图 2-37 表格 布局 实例 


如 图 2-37 所 示 , 我 们 可 以 看 到 ,每 一 列 的 按钮 长 度 都 是 一 样 的 ,也 就 是 说 每 一 列 的 控件 


长 度 取 决 于 这 一 列 长 度 最 长 的 控件 。 
惊 ! 用 Java 代码 也 能 配置 布局 ? 


除了 常规 地 使 用 布局 文件 配置 布局 之 外 ,也 可 以 在 Java 代码 中 配置 布局 ,虽然 这 样 不 
符合 Android 的 代码 规范 ,但 是 在 某 些 特定 情况 下 ,比如 一 个 界面 的 按钮 依 上 下 文 而 定 , 是 


会 使 用 这 种 方式 来 创建 activity 的 视图 的 。 
一 个 简单 的 代码 示例 如 下 : 


@Override 
public void onCreate( Bundle savedInstanceState) { 
super. onCreate(savedInstanceState); 


LinearLayout root = new LinearLayout (this); 
//android:orientation= "vertical" 
root. setOrientation(LinearLayout. VERTICAL ); 


/x 
x android: layout_width= "fill parent" 
android:layout height = "fill parent" 
*/ 


LinearLayout. LayoutParams params = new LinearLayout. LayoutParams( 


LinearLayout. LayoutParams. FILL_PARENT, 
LinearLayout. LayoutParams. FILL_PARENT) ; 
root. setLayoutParams( params); 


// 两 个 button 

Button bt _1 = new Button(this); 
bt 1. setText("button 1"); 
root. addView(bt_1); 

Button bt 2 = new Button(this); 
bt 2. setText("button 2"); 
root. addView(bt 2); 


TE 
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// 设 置 视图 


setContentView( root); 


1 


Android 中 的 五 个 布局 就 在 这 里 讲 完 了 。 但 是 关于 布局 的 学 习 还 不 止 如 此 ,笔者 介绍 
的 这 些 只 能 使 用 在 没有 特殊 情况 下 的 布局 中 。 当 有 特殊 情况 时 ,读者 就 要 自己 去 探究 学 习 。 
任何 学 科 的 学 习 大 抵 如 此 ,所 谓 “ 师 传 领 进门 ,修行 在 个 人 ”。 
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这 一 节 我 们 会 介绍 Android 的 基本 控件 ,但 是 更 重要 的 是 我 们 要 知道 怎么 自 定义 ,怎么 
美化 。 所 以 , 忘 了 它们 原来 的 样子 吧 。 本 节 以 线性 布局 为 根 布局 ,讲解 Android 基本 控件 。 


公共 控件 属性 


在 控件 属性 中 ,有 几 个 是 非常 基础 的 ,每 个 控件 (包括 布局 ) 都 会 有 这 个 属性 。 在 这 里 详 
细 讲 解 Android 控件 中 常见 的 属性 。 

layout_gravity 和 | gravity 

我 们 先 看 一 个 简单 的 例子 : 


<?xml version="1.0" encoding= "utf - 8"?> 
<LinearLayout xmlns:android = "http://schemas. android. com/apk/res/android" 
android: layout width="fill parent" 
android: layout height = "fill parent" 
android:gravity = "center_vertical" 
android:orientation = "vertical"> 


<Button 
android:layout gravity= "right" 
android:gravity= "left" 
android:layout width= "200dp" 
android:layout_ height = "50dp" 
android:text = " @string/button" 
/> 


</LinearLayout > 


我 们 会 发 现 这 个 按钮 垂直 居中 于 整个 屏幕 ,水 平 靠 左 ; 按钮 内 的 文字 位 置 为 左上 角 。 
先 来 分 析 LinearLayout 的 设置 : 


android:gravity= "center vertical" 


这 表明 它 的 子 节点 (在 这 里 也 就 是 按钮 ) 相 对 于 自己 垂直 居中 。 
再 来 看 Button 的 设置 : 


android:layout gravity= "right" 
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这 表明 它 相 对 于 父 节 点 (也 就 是 LinearLayout) ,位 置 为 右边 。 


android:gravity= "left" 


这 表明 它 的 子 元 素 ( 也 就 是 文字 ) 相 对 于 自己 靠 左 排列 ,如 图 2-38 所 示 。 


Press met 


图 2-38 ”gravity 属性 设置 结果 


padding 和 margin 
先 来 看 个 例子 ,显示 效果 如 图 2-39 所 示 。 


<?xml version= "1.0" encoding= "utf - 8"?> 

<LinearLayout xmlns:android = "http://schemas. android. com/apk/res/android" 
android: layout width= "fill parent" 
android: layout_ height = "fill_parent" 
android:orientation= "vertical"> 


<Button 
android:paddingTop = "24dp" 
android:paddingLeft = "72dp" 
android:layout marginLeft = "24dp" 
android:layout marginTop= "72dp" 
android:layout width= "wrap_content" 
android:layout height = "wrap_content" 
android:text = " @string/button" 
android:textSize = "30dp"/> 


</LinearLayout > 

padding 和 margin 很 容易 被 混淆 。 只 要 记 住 padding 
是 对 子 元 素 , 而 margin 是 相对 父 元 素 就 可 以 了 。 一 

24dp 72dp 

style Ee | 

当 我 们 需要 多 个 相同 格局 的 控件 时 , 例如 所 有 的 et 2 
TextView 都 是 相同 的 布局 : 72dp 

android:layout width= "wrap_content" 图 2-39 padding 和 margin 的 区 别 
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android:layout height = "wrap_content" 


重复 写 布局 文件 就 显得 很 麻烦 。 我 们 可 以 使 用 style 来 复 用 相同 的 代码 。 可 以 在 value 
文件 夹 下 的 styles. xml 文件 中 加 入 代码 : 


< style name = "text_style" > 
< item name = "android: layout_width"> wrap_content </item> 
< item name = "android: layout_height "> wrap_content </item> 
< item name = "android: textSize"> 23dp </item> 

</style> 


在 文件 中 直接 使 用 style 引用 : 


<TextView 


style="@style/text_style" 
Ze 


android: text = " @string/hello_world"/> 
<TextView 


android: layout width= "wrap_content" 
android: layout_height = "wrap_content" 
android: textSize = "23dp" 

android: text = " @string/hello_world"/> 


文本 框 和 和 输入 框 
我 们 来 认识 几 个 不 同 的 文本 框 及 输入 框 。 有 这 样 代码 : 


i 
textAppearance 设置 字体 大 小 
ee 
<TextView 
android:id="@+ id/small" 
android: layout width= "wrap_content" 
android: layout height = "wrap_content" 
android: text = " (@string/small" 
android: textAppearance = " Bndroid:attr/textAppearanceSmall"/> 


引用 了 一 个 Android 自 定义 的 字体 大 小 ,看 起 来 如 图 2-40 所 示 。 
Small Text 


图 2-40 小 字体 TextView 


有 这 样 代码 : 


RE 


autoLink 地 址 可 单 击 


: 别 
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< TextView 
style="(@style/text_style" 
android:id= "@+ id/url" 
android:autoLink = "all" 
android: text = " @string/url1"/> 


如 果 文本 内 容 是 一 个 地 址 的 话 ,是 一 个 链接 的 样子 ,当然 也 可 以 是 链接 ,如 图 2-41 所 示 。 
http://www.google.com/ 


图 2-41 链接 TextView 


有 这 样 代码 : 


ee 

textStyle 字体 样式 

background 背景 

typeface 字体 

a 

< TextView 
android:id="@+ id/test" 
style="@style/text_style" 
android: textStyle= "italic" 
android: typeface = " serif™" 
android: background = " (@color/blur" 
android: text = " @string/mutiple"/> 


这 个 比较 复杂 ,设置 了 字体 、 样 式 以 及 背景 ,看 起 来 如 图 2-42 所 示 。 


图 2-42 字体 ,样式 和 背景 
有 这 样 代码 : 


<! -- 
ellipsize 当 文 字 太 多 时 ,在 那个 地 方 省 略为 .… . 
==> 
< TextView 
style =" @style/text_style" 
android:ellipsize= "end" 
android: singleLine =" true" 
android: text = " (@string/hello_world"/> 


文字 太 长 显示 不 下 的 时 候 , 就 会 在 结尾 的 地 方 自动 变 成 省 略 号 ,如 图 2-43 所 示 。 


时 
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Hello world! 标题 要 长 长 长 长 .… 


图 2-43 结尾 自动 隐藏 


还 有 这 样 ,当然 这 是 一 个 平凡 的 输入 框 ; 


l= 
普通 的 输入 框 
<EditText 
android: layout width= "200dp" 
android: layout height = "wrap_content" 
android: inputType = "text "/> 


作为 一 个 优秀 的 程序 员 ,怎么 能 满足 于 平凡 的 输入 框 ! 


hint 没有 输入 文字 时 的 提示 信息 


background ” 自 定义 背景 ,可 以 是 selector 
inputTYpe 设置 文本 类 型 , 此 处 为 密码 ,输入 的 字符 会 自动 变 成 "* " 
drawableLeft 设置 输入 框 左边 的 图 片 
-> 
<EditText 
android: layout width= "wrap_content" 
android: layout height = "wrap_content" 
android: drawableLeft = " (@drawable/icon_key" 
android:hint = " (@string/pwd" 
android: background = " (@drawable/edittext_style_selector" 
android: inputType = " textPassword" 
android:ems = "10"/> 


这 个 EditText 的 background 属性 引用 了 drawable 文件 夹 下 的 xml 文件 : 


<?xml version= "1.0" encoding= "utf - 8"?> 
< selector 
xmlns:android = "http://schemas. android. com/apk/res/android"> 
< item android:state focused= "true" 
android: drawable = " (@drawable/edittext_style_focused"/> 
< 让 em android:drawable = " (@drawable/edittext_style_normal"/> 
</selector > 


这 个 drawable 文件 定义 了 获得 输入 焦点 (android: state_focused 王 "true" ) 和 其 他 情况 
下 的 背景 图 片 。 当 获得 输入 焦点 时 如 图 2-44 所 示 。 
当 没 有 获得 输入 焦点 时 如 图 2-45 所 示 。 


PPassword PPassword 
Eg 


| 图 2-44 获得 焦点 的 Edit Text 图 2-45 失去 焦点 的 Edit Text 
60 
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按钮 
Android 中 的 按钮 有 两 种 : Button 和 ImageButton, 顾 名 思 义 ,前 者 是 普通 的 按钮 ,后 者 


是 支持 图 片 的 按钮 。 
第 一 个 Button 是 这 样 : 


< Button 
android:paddingTop = "4dp" 
android: paddingBottom= "4dp" 
android: paddingLeft = "24dp" 


android:paddingRight = "24dp" 

android: layout width= "wrap_content" 

android: layout_ height = "wrap_content" 
android: background = " (@drawable/button_style" 
android: text = " @string/button" 

android: textSize= "30dp" 

android: textColor = " (@android:color/white" 
android:onClick = "clickMethod"/> 


其 中 button_style 的 定义 为 : 


<?xml version="1.0" encoding= "utf - 8"?> 

<selector xmlns:android= "http://schemas.android. com/apk/res/android"> 
< item android:drawable = " (Qcolor/yellow" android: state pressed= "true"></item> 
< item android:drawable = " (Qcolor/blue" ></item> 

</selector > 


同 输入 框 一 样 , 当 我 们 按 下 按钮 时 如 图 2-46 所 示 。 放 开 按 钮 时 如 图 2-47 所 示 。 


Press mel 


图 2-46 按 下 按钮 图 2-47 松 开 按钮 


此 外 ,最 新 的 ADT 支持 在 xml 中 定义 鼠标 单 击 事件 的 方式 : 

android:onClick = "clickMethod" 

在 使 用 该 layout 的 Activity 中 定义 这 样 一 个 函数 (注意 参数 为 一 个 View, 且 必须 为 
public) : 

public void clickMethod(View v){ 


Log. e(7T46, " 真 呀 真 方便 "); 
} 


当 单 击 该 按钮 时 , 就 会 调用 这 个 方法 。 在 以 前 我 们 需要 在 Activity 中 找到 这 个 
Button, 然 后 青 设置 监听 器 : 


: 世 
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Button button = (Button) findViewById(R. id. small ); 
button. setOnClickListener(new OnClickListener(){ 
public void onClick(View v) { 
} 
1); 


我 们 使 用 ImageButton 来 展示 一 张 按钮 图 片 : 


< ImageButton 
android: layout width= "wrap_content" 
android: layout height = "wrap_content" 
android: background = " (@drawable/bcg_button"/> 


如 图 2-48 所 示 。 而 当 我 们 把 android:background 替换 为 android:src 时 ,悲剧 就 发 生 了 ,如 
图 2-49 所 示 。 


AZ Lf se | EE 


图 2-48 ImageButton 图 2-49 设置 为 src 的 ImageButton 


事实 上 ,Button 本 身 就 支持 图 片 作为 background 的 行为 : 


<Button 
android: layout width= "wrap_content" 
android: layout_ height = "wrap_content" 
android: background = " (@drawable/bcg _button"/> 


这 个 效果 看 起 跟 第 一 个 一 模 一 样 。 

读者 可 能 会 问 , 那 ImageButton 有 什么 意义 呢 ? 意义 在 于 ,有 时 候 我 们 在 使 用 非 矩 形 按 
钮 时 (如 圆 形 ) ,ImageButton 既 可 以 设置 按钮 为 Image Source, 又 可 以 设置 Background 作 
为 背景 (一 般 为 颜色 ) 。 这 一 点 是 Button 无 法 做 到 的 。 关 于 这 个 问题 我 们 会 在 以 后 的 章节 


中 讲解 。 
图 片 杠 


顾名思义 ,ImageView 就 是 用 来 展示 图 片 的 ,最 基本 的 用 法 是 这 样 : 


< ImageView 
android:layout width= "wrap_content" 
android:layout_ height = "wrap_content" 
android:src = " (@drawable/bcg_button"/> 


这 样 看 起 来 十 分 和 谐 ,如 图 2-50 所 示 。 ed 

如 果 想 要 在 一 定 的 区 域内 显示 你 的 图 片 ,然后 进行 适应 的 缩放 , 那 

Lj 么 要 使 用 下 面 这 个 方法 : 图 2-50 ImageView 
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android: scaleType 
我 们 先 定义 一 个 style, 为 了 便于 观察 ,把 这 个 50X50 的 区 域 背景 设置 为 黄色 : 


< style name = "img_style"> 
< item name = "android: layout width"> 50dp </item> 
< item name = "android: Jayout_height"> 50dp </item> 
< item name = "android: background">(@ color/yellow </ item> 
< item name = "android: src ">(@ drawable/bcg_button </item> 
</style> 


有 这 村 


tr 


< ImageView 
style= "@style/img_style" 
android:scaleType = "matrix"/> 


这 时 图 片 按照 原 比例 放置 ,如 图 2-51 所 示 。 


图 2-51 scaleType 为 matrix 的 ImageView 
如 果 想 让 图 片 填 充 整个 区 域 ,可 以 这 样 ,如 图 2-52 所 示 。 
< ImageView 


style="(@style/img_style" 
android:scaleType = "fitXY"/> 


图 2-52 scaleType 为 fitXY 的 ImageView 
或 者 是 让 图 片 自 适应 控件 的 大 小 进行 比例 缩放 ,如 图 2-53 所 示 。 
< ImageView 


style= "@style/img_style" 
android:scaleType = "fitCenter "/> 


图 2-53 scaleType 为 fitCenter 的 ImageView 


“至 
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同 理 ,fitStart 和 fitEnd 的 效果 就 是 把 图 片 的 位 置 放 在 靠 上 方 或 者 靠 下 方 ,如 图 2-54 所 示 。 


| 
图 2-54 fitStart 和 fitEnd 的 显示 效果 
还 有 这 样 ,如 图 2-55 所 示 。 
< ImageView 


style= "@style/img_style" 
android:scaleType = "centerInside"/> 


2 
> 图 2-55 scaleType 为 centerInside 的 ImageView 


等 一 下 ,为 什么 跟 fitCenter 一 模 一 样 ? 其 实 是 刚好 一 样 而 已 ,但 是 centerInside 是 有 原 
则 的 , 它 只 缩 不 放 , 从 而 保证 图 片 的 精度 。 当 我 把 图 片 缩小 50% 时 ,fitCenter 会 把 图 片 放 大 
至 适应 ImageView ,而 centerInside 会 保持 图 片 的 原 大 小 ,如 图 2-56 所 示 。 


图 2-56 缩小 显示 图 片 后 的 结果 
还 有 这 样 ,保持 图 片 原 大 小 居中 ,如 图 2-57 所 示 。 
< ImageView 


style= "(@style/img_style" 
android:scaleType ="center"/> 


图 2-57 scaleType 为 center 的 ImageView 
以 及 这 样 ,填充 整个 ImageView, 如 图 2-58 所 示 。 


< ImageView 
style="@style/img_style" 
android:scaleType = "centerCrop"/> 


SHA 
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图 2-58 ”scaleType 为 centerCrop 的 ImageView 
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选项 控件 
有 三 种 基本 的 选择 控件 : 单 选 框 RadioGroup、 多 选 框 CheckBox 以 及 开关 ToggleButton 。 
RadioGroup 
当 用 ADT 把 RadioGroup 拖 出 来 时 , 它 如 图 2-59 所 示 。 
(@) RadioButton 
©) RadioButton 
在 
© RadioButton 
症 
图 2-59 默认 的 RadioButton 
<RadioGroup 


android:id=" @+ id/radioGroup2" 
android:layout_ width= "wrap_content" 
android:layout height = "wrap_content"> 


< RadioButton 
android:id= "(@+ id/radio0" 
android: layout width= "wrap_content" 
android: layout height = "wrap_content" 
android:checked= "true" 
android: text = " RadioButton"/> 


< RadioButton 
android:id= "(@+ id/radiol" 
android: layout width= "wrap_content" 
android: layout height = "wrap_content" 
android: text = "RadioButton"/> 


< RadioButton 
android:id= " @+ id/radio2" 
android: layout_width= "wrap_content" 
android: layout_height = "wrap_content" 
android: text = "RadioButton"/> 
</RadioGroup> 


当然 ,这 个 样子 太 过 普通 ,我 们 可 以 根据 自己 的 需求 ,改变 样式 。 
我 们 先 定义 一 个 样式 radio_style. xml, 放 在 drawable 文件 夹 下 : 


<?xml version="1.0" encoding= "utf - 8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 汗 


< item android:drawable = " (@drawable/radio_checked" 
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android: state_checked = "true"></item> 
< item android:drawable = " (@drawable/radio_checked1 " 
android: state selected= "true"></item> 
< item android:drawable = " (@drawable/radio_checked1" 
android: state pressed= "true"></item> 
< item android:drawable = " (@drawable/checkbox_uncheckedl" ></item> 
</selector> 


使 用 的 图 片 如 图 2-60 所 示 。 


® ® OO 


radio_checked png radio_checked foc. . radio_unchecked png 
图 2-60 RadioButton 使 用 的 图 片 
在 布局 文件 中 的 RadioButton 中 加 入 这 一 句 : 


android:button = " @drawable/radio_style" 


当 第 一 个 RadioButton 已 经 被 选择 (checked), 单 击 第 二 个 RadioButton(selected) 时 ， 


它 的 效果 如 图 2-61 所 示 。 


@ Radio 1 
® Radio 2 


© radio3 


图 2-61 RadioButton 的 效果 


除 此 之 外 ,我 们 还 可 以 对 文本 的 颜色 进行 控制 ,在 res 文件 夹 下 新 建 一 个 文件 夹 color， 


放 入 文件 color_radio_group. xml: 


<?xml version="1.0" encoding= "utf - 8"?> 

< selector xmlns:android = "http://schemas. android. com/apk/res/android"> 
< 让 em android:state_ checked= "true" android:color = " (@color/dark"/> 
< 让 em android:state_selected= "true" android:color = " (@color/gray"/> 
< item android:state pressed= "true" android:color = " (@color/gray"/> 
< 让 em android:color = " (@color/blur"/> 

</selector > 


在 每 个 RadioButton 中 加 入 ,如 图 2-62 所 示 。 


android: textColor = " (@color/color_radio_group" 
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图 2-62 添加 颜色 效果 的 RadioButton 


CheckBox 
checkBox 的 原生 效果 如 图 2-63 所 示 。 


LL CheckBox 


图 2-63 默认 的 CheckBox 
我 们 使 用 相同 的 方法 对 CheckBox 进行 优化 ,在 CheckBox 的 节点 里 加 入 : 


android:button = " (@drawable/checkbox_style" 


checkbox_style 文件 的 定义 如 下 , 放 在 drawable 文件 夹 。 


<?xml version = "1.0" encoding= "utf - 8"?> 
< selector xmlns:android = "http://schemas. android. com/apk/res/android"> 
< item android:drawable = " (@drawable/checkbox_checked" 
android: state pressed= "false" 
android: state checked= "true"></item> 
< item android:drawable = " (@drawable/checkbox_checked_focus" 
android: state pressed= "true" 
android: state checked= "true"></item> 
< item android:drawable = " (@drawable/checkbox_unchecked_focus" 
android: state pressed= "true" 
android: state checked= "false"></item> 
< 让 em android:drawable = " (@drawable/checkbox_unchecked" 
android: state pressed= "false" 
android: state_checked = "false"></item> 
</selector > 


使 用 的 图 片 如 图 2-64 所 示 。 


@ OO 


chackbox_checked. png checkbox_checked_... checkbox_unchecke checkbox_unchecke 


图 2-64 ”checkbox_style 文 件 定义 的 图 片 


牛 
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ToggleButton 
ToggleButton 的 原生 效果 如 图 2-65 所 示 。 


一 
图 2-65 ToggleButton 


ToggleButton 本 质 上 是 一 个 Button ,所 以 我 们 可 以 对 它 进行 和 Button 同样 的 设置 : 


< ToggleButton 
android:paddingTop = "2dp" 
android:paddingBottom = "2dp" 
android:textSize= "20dp" 
android:layout width= "90dp" 
android:layout height = "wrap_content" 
android:background = " (@color/blue" 
android:textColor = " (@android: color/white" 
android:textOn = " @string/text_on" 
android:textOff = " (@string/text_off"/> 


我 们 重新 设置 了 开关 的 文字 : 


android: textOn = " (@string/text_on" 
android: textOff = " @string/text_off"/> 


因而 看 到 的 效果 是 (左边 为 off ,右边 为 on) 如 图 2-66 所 示 。 


Female Male 


图 2-66 重 设 的 ToggleButton 
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打造 Metro 风格 界面 


清单 
Demo 代码 : 


\demo\Demo Timetable 


实例 代码 : 


\source codes\Timetable 


Target SDK : 


Android 2.1 


从 这 一 章 开 始 , 我 们 开始 全 面 进入 产品 开发 的 节奏 。 


第 一 节 产品 介绍 


两 年 多 前 ,我 刚 学 习 Android 不 久 就 做 了 一 个 课程 提醒 的 应 用 。 当 时 只 是 想 做 一 个 小 
东西 自己 用 用 ,技术 不 成 熟 ,做 得 也 比较 简陋 。 当 时 并 没有 意识 到 这 样 的 小 玩意 就 是 一 个 大 
的 市 场 ,要 知道 中 国 可 是 有 3000 万 大 学 生 。 而 这 样 的 软件 业 符合 了 创业 的 一 个 特性 : 小 而 
精 。 现 在 做 得 比较 好 的 课程 表 软 件 有 课程 格子 和 超级 课程 表 , 如 图 3-1 所 示 。 

这 一 节 我 们 就 来 自己 动手 做 一 个 课程 表 的 应 用 。 但 是 当然 ,我 们 最 主要 还 是 学 习 。 


需求 分 析 


我 们 的 课表 应 用 有 以 下 几 个 功能 : 
。 查看 课表 ; 

。 编辑 课表 ; 

。 编辑 上 课时 间 ; 

。 上 课 提 醒 ; 

。 桌面 插件 。 


界面 设计 
课表 属于 一 个 三 维 的 结构 ,星期 为 一 维 ,时 间 为 一 维 , 上 课 内 容 ( 时 间 、 地 点 等 ) 为 男 一 
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图 3-1 课程 格子 应 用 


维 , 所 以 使 用 列表 的 方式 来 展现 数据 。 我 们 借鉴 Summly 的 设计 风格 ,使 用 大 色 块 的 列表 ， 


并 使 用 模糊 的 效果 作为 背景 ,如 图 3-2 所 示 。 
Ee Manage Topics 


Add new topic 


Tap here to create a new topic 


— Lifestyle 


Technology 


图 3-2 Summly( 左 ) 与 本 书 实例 应 用 ( 右 ) 


在 设置 页 面 上 ,延续 了 模糊 的 背景 ,但 是 列表 的 展示 换 成 了 二 级 列表 ,如 图 3-3 所 示 。 
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图 3-3 设置 界面 


用 户 体验 设计 

在 这 个 应 用 里 面 ,我 们 使 用 了 自 定义 的 时 间 选 择 和 日 期 选择 的 控件 。 

如 图 3-4 所 示 ,在 时 间 选 择 一 栏 中 用 户 可 能 会 感到 困惑 ,因为 按照 一 贯 的 逻辑 ,要 修改 
时 间 的 操作 应 该 是 “ 单 击 ”>“ 输 入 ”。 所 以 当 用 户 单 击 这 个 框 的 时 候 会 发 现 没 有 达到 预期 的 
效果 ,甚至 放弃 操作 。 

于 是 我 进行 了 这 样 的 一 个 设计 : 在 界面 一 打开 的 时 候 播放 一 个 深 动 的 动画 ,提示 用 户 这 
个 地 方 是 要 上 下 翻动 选择 的 ,这 样 既 节 省 了 提示 的 空间 ,又 能 让 用 户 觉得 新 奇 ,如 图 3-5 所 示 。 


加 科目 回 科目 


地 点 地 点 


© 全 部 含 单 周 含 双 周 仿 全 部 含 单 周 多 双 周 


1U.UU 
08:00 
] 革 1 
取消 确定 取消 确定 
一 
图 3-4 添加 课程 界面 图 3-5 时 间 栏 滚动 显示 


此 外 ,因为 有 些 课 程 是 从 第 某 周 开 始 ,到 第 某 周 结束 ,因而 我 设计 了 一 个 勾 选 的 动画 : 
当 勾 选 “ 选 择 ” 时 ,选择 的 内 容 从 右边 滑 入 ; 而 取消 选择 时 ,又 会 向 右边 滑 出 ,如 图 3-6 所 示 。 
再 来 看 这 个 “概念 时 钟 ”, 如 图 3-7 所 示 。 你 可 以 把 它 当 作 一 个 反例 ,因为 它 确实 是 一 个 
反例 。 它 的 缺点 有 一 大 堆 。 其 一 ,如 果 没 有 我 说 明 这 是 一 个 选择 时 钟 的 控件 ,大 概 没 有 人 会 
想到 。 这 一 点 严重 违反 了 “don’”t make me think” 的 设计 信条 ; 其 二 ,用 户 很 难 选择 出 精确 


* 晶 
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到 每 一 分 钟 的 时 间 。 


ea 开始 周 1 。 结束 局 | 


图 3-6 ”滑动 效果 图 3-7 ”时间 选择 控件 


时 间 选 择 的 控件 涉及 到 SurfaceView 的 知识 ,因而 会 把 这 个 控件 的 代码 放 到 下 面 一 章 
中 去 讲解 。 


第 二 节 ”数据 展示 ListView 


ListView 也 就 是 列表 ,列表 在 Android 中 有 很 多 的 使 用 ,例如 Android 的 系统 设置 界 
面 ,如 图 3-8 所 示 。 


Wi-Fi 


Build Tweaks 


图 3-8 Android 设置 界面 
列表 的 显示 需要 三 个 组 件 : 
。 ListView ”列表 。 
。 Adapter 用 来 把 数据 放 到 ListView 上 的 适配器 。 
。 数据 可 以 是 数据 .图 片 。 
中 Adapter 有 四 种 ,它们 分 别 是 BaseAdapter、ArrayAdapter、SimpleAdapter 和 


SimpleCursorAdapter。 
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其 中 ArrayAdapter 最 简单 ,只 能 展示 一 行 字 ; BaseAdapter 是 一 个 抽象 类 ,所 以 灵活 性 
最 强 ; SimpleAdapter 扩展 性 最 好 ,可 以 自 定义 出 各 种 效果 ; SimpleCursorAdapter 是 
Cursor 的 一 种 方便 的 使 用 方法 ,可 以 把 数据 库 的 内 容 以 列表 的 形式 展示 出 来 。 

我 们 在 这 一 章 中 要 使 用 的 是 最 复杂 的 BaseAdapter。 


配置 于 istView 布局 
我 们 在 布局 文件 中 定义 一 个 ListView: 


<ListView 
android:id="@+ id/listView" 
android: layout width= "fill parent" 
android: layout_height = "wrap_content"> 
</ListView> 


这 个 ListView 只 是 告诉 父 容器 这 个 布局 中 有 一 个 列表 视图 ,但 是 列表 视图 里 面 的 内 容 
是 什么 样 的 ,我 们 要 继续 定义 。 新 建 一 个 文件 layout_listview. xml: 


<?xml version="1.0" encoding= "utf - 8"?> 

<LinearLayout xmlns:android = "http://schemas. android. com/apk/res/android" 
android: layout width="fill parent" 
android: layout height = "fill parent" 
android:orientation = "horizontal" > 


< ImageView 
android:id="(@+ id/listview_head_iv" 
android:layout width= "60dp" 


android:layout_height = "60dp" 
android:src = " @drawable/ic_launcher"/> 


< TextView 
android: layout width="8dp" 
android: layout_ height = "wrap_content"/> 


<LinearLayout 
android:layout width= "fill_parent" 
android:layout_height = "60dp" 
android:gravity= "center_vertical" 
android:orientation= "vertical" > 


<TextView 
android:id= " (@+ id/listview_title_tv" 
android:layout width= "wrap_content" 
android:layout height = "wrap_content" 
android:text = " @string/temp_title" 
android:textSize="18dp"/> 

<TextView 


android:id= " @+ id/listview_num_tv" 加 | 


硬 
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android:layout width= "wrap_content" 

android:layout height = "wrap_content" 

android:textColor = "#777777" 

android:textSize= "15dp" 

android:text = " @string/temp_num"/> 
</LinearLayout > 


</LinearLayout > 
它 在 视图 中 看 起 来 如 图 3-9 所 示 。 


@ 8 


1555 
> 5555555555 


图 3-9 视图 显示 


我 们 继续 在 Java 代码 中 加 入 适配器 ,把 自己 需要 的 数据 写 人 到 列表 中 。 首 先 新 建 一 个 


public class Contacts { 


// 联 系 人 姓名 

private String name; 

// 联 系 人 号 码 

private String tel; 

// 联 系 人 头像 资源 id 

private int head; 

// 省 略 get set 以 及 构造 函数 方法 


新 建 一 个 Adapter 类 ,这 个 Adapter 决定 了 这 个 ListView 有 几 个 元 素 (getCount())， 
每 个 元 素 的 视图 是 怎样 的 (getView) 。 


public class MyAdapter extends BaseAdapter{ 


private RrrayList< Contacts> list; 
Private Context context; 


public MyAdapter(Context context, ArrayList <Contacts> list){ 
this. context = context; 
this, list = list; 

} 


@Override 

public int getCount() { 
// 返 回 列表 长 度 
return list. size(); 

} 


@Override 
public View getView( int index, View view, ViewGroup arg2) { 
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// 返 回 列表 中 第 index 个 视图 
Contacts c= list. get (index); 
if(view== null){ 

// 设 置 布 局 

view = LayoutInflater. from (context). inflate( 

R. layout. layout listview, null); 

| 
// 查 找 控件 
ImageView headIv = (ImageView) view. findViewById(R. id. listview_head_iv); 
TextView nameTv = (TextView) view.findViewById(R. id. listview title_tv); 
TextView numTv = (TextView) view. findViewById(R. id. listview_num_tv); 
// 设 置 视图 内 容 
headIv. setImageResource(c. getHead( ) ); 
nameTv. setText(c. getName( )); 
numTv. setText (c.getTel( )); 
return view; 


@Override 
public Object getItem( int index) { 
return list. get (index); 


} 

@Override 

public long getItemId( int index) { 
return index; 


} 


在 Activity 中 添加 这 个 适配器 : 


@Override 

public void onCreate( Bundle savedInstanceState) { 
super. onCreatel( savedInstanceState); 
setContentView(R. layout. activity_main ); 


ListView listview= (ListView) findViewById(R. id. listView); 
// 设 置 适配器 
listview. setAdapter(new MyAdapter( this, getDatas( ))); 


/ xx 
x* 模拟 获取 数据 
x (@return 


x*/ 


private ArrayList <Contacts> getDatas( ){ 
ArrayList <Contacts> list = new ArrayList <Contacts >(); 
list. add(new Contacts("Shinado", "13333333333", R. drawable. head ) ); 
list.add(new Contacts("Neal", "15333333333",R. drawable. ic_ launcher ) ); 
return list; 
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结果 如 图 3-10 所 示 。 


》 三 5 Ga 14:57 
MainActivity 


对 Neal 


> 15333333333 


7 图 3-10 列表 显示 


ListView 详解 


ListView 的 工作 原理 如 下 : 

。 ListView 针对 List 中 每 个 item ,要 求 adapter* 给 我 一 个 视图 ”(getView)。 
。 一 个 新 的 视图 被 返回 并 显示 。 

我 们 把 getView 方法 改 成 这 样 : 


@Override 
public View getView( int index, View view, ViewGroup arg2) { 
Log. e( TAG, "getView():"+ index+" null? "+ (view== null)); 
// 返 回 列表 中 第 index 个 视图 
Contacts c= list. get(index); 
if(view == null){ 
// 设 置 布局 
view= Layout Inflater. from(context). inflate( 
R. layout. layout_listview, nul1l1); 
// 查 找 控件 
ImageView headIv = (ImageView) view. findViewById( 
R. id. listview_head_iv); 
TextView nameTv = (TextView) view.findViewById( 
R. id. listview title_tv); 
TextView numTv = (TextView) view. findViewById(R. id. listview_ num tv); 
// 设 置 视图 内 容 
headIv. setImageResource(c. getHead( ) ); 
nameTv. setText(c. getName( ) ) ; 
numTv. setText (c.getTel( )); 
} 


return view; 


} 


区 这 样 看 起 来 似乎 很 合理 ,每 次 系统 调用 getView 方法 时 ,只 有 在 view 为 空 的 情况 下 才 
76 
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需要 设置 视图 内 容 , 不 为 空 时 直接 返回 。 运 行 一 下 , 嗯 ,没有 出 什么 错 ,如 图 3-11 所 示 。 


5| G3 14:57 


MainActivity 


Shinado 


BA 13333333333 
已 Neal 


15333333333 


图 3-11 只 有 两 列 的 列表 
但 是 当 有 10 条 数据 的 时 候 ,悲剧 就 发 生 了 : 向 下 滚动 时 ,数据 乱 套 了 ,如 图 3-12 所 示 。 
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图 3-12 实际 效果 ( 右 图 ) 没 有 达到 预期 


这 是 因为 ListView 使 用 了 缓存 的 机 制 , 它 的 原理 大 概 是 这 样 : 

。 不管 你 有 多 少 个 数据 ,其 中 只 有 可 见 的 数据 存在 内 存 中 ,其 他 的 在 Recycler 中 。 

。 ListView 先 请 求 一 个 视图 (getView) ,然后 请 求 其 他 可 见 的 视图 。convertView 在 
getView 中 是 空 (null) 的 。 


SN 


el 


遍 
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。 当 iteml 滚 出 屏幕 ,并 且 一 个 新 的 项 目 从 屏幕 底 端 上 来 时 ,ListView 再 请 求 一 个 视 
图 。convertView 此 时 不 是 空 值 了 , 它 的 值 是 iteml。 你 只 需 设 定 新 的 数据 然后 返 
回 convertView ,不 必 重 新 创建 一 个 视图 ,如 图 3-13 所 示 。 


Recycler 


3-13 ”ListView 视图 加 载 示意 


因而 屏幕 上 能 放 得 下 多 少 个 元 素 ,ListView 就 有 多 少 个 实际 的 元 素 。 你 翻 ,或 者 不 翻 ， 
ListView 的 元 素 就 那么 多 ,不 增 不 减 。 

再 来 分 析 一 下 getView 的 代码 ,每 次 调用 getView 方法 都 会 调用 findViewById。 既 然 
不 管 是 哪个 元 素 它 的 布局 都 是 相同 的 ,那么 就 没有 必要 每 次 都 去 查找 布局 了 。 因 此 可 以 改 
成 这 样 : 


@Override 
public View getView(final int index, View view, ViewGroup arg2) { 
Log. e( TAG, "getView():" + index+" null? "+ (view== null)); 
// 返 回 列表 中 第 index 个 视图 
Contacts c= list. get(index); 
ViewHolder holder = null; 
if(view == null){ 
// 设 置 布局 
view = LayoutInflater. from(context). inflate( 
R. layout. layout_listview, nu11); 
// 查 找 控件 
holder = new ViewHolder( ); 
holder. headIv = (ImageView) view. findViewById(R. id. listview_head_iv); 
holder. nameTv = (TextView) view. findViewById(R. id. listview title_ tv); 
holder. numTv = (TextView) view.findViewById(R. id. listview num_tv); 
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// 绑 定 
View. setTag( holder); 
Jelse{ 
// 获 取 绑 定 的 holder 
holder = (ViewHolder) view. getTag(); 
h 
// 设 置 视图 内 容 
holder. headIv. setImageResource(c. getHead() ) 
holder. nameTv. setText(c.getName( ) ); 
holder. numTv. setText(c.getTel( )); 
return view; 
} 
static class ViewHolder{ 
ImageView headIv; 
TextView nameTv; 
TextView numTv; 


1 


如 果 不 熟悉 Adapter 的 话 , 它 会 让 你 抓 狂 ; 如 果 你 抓 住 要 点 , 它 是 不 会 逃 出 你 的 “五 指 
山 ” 的 。 记 住 一 点 : 一 旦 ListView 加 载 完 成 ,getView 方法 里 面 的 view 就 不 会 为 空 。 


第 三 节 数据 存储 


Android 提供 了 五 种 存储 方法 ,它们 分 别 为 SharedPreferences、 文 件 存储 、SQLite 存 
储 、ContentProvider、 网 络 存储 。 其 中 SharedPreferences 为 轻 量 级 的 “ 键 - 值 ?存储 ; 文件 存 
储 是 利用 1/O 流 来 读 取 文件 的 ; SQLite 就 是 数据 库存 储 ; ContentProvider 是 一 个 特殊 的 
存储 数据 的 类 型 , 它 提供 了 标准 的 接口 用 来 获取 操作 数据 ; 网 络 存储 顾名思义 就 是 把 数据 
存放 在 网 络 的 服务 器 中 。 

我 们 在 本 节 中 将 会 学 习 SQLite 和 SharedPreferences。 在 Android 上 使 用 数据 库 有 一 
点 不 好 的 是 没有 可 视 化 界面 ,创建 数据 库 .创建 表 都 需要 用 代码 来 实现 。 并 且 我 们 需要 额外 
的 工具 来 查看 数据 库 中 的 数据 。 

查看 应 用 的 数据 库 需 要 获取 Root 权限 ,然后 使 用 第 三 方 应 用 来 查看 。 获 取 Root 权限 
不 是 我 们 的 重点 ,读者 可 以 上 网 查阅 教程 。 


使 用 SQLite 存储 数据 


要 使 用 Android 的 数据 库 服务 ,需要 继承 SQLiteOpenHelper 这 个 类 。 我 们 一 般 使 用 
这 样 的 架构 来 搭建 一 个 数据 库 : 


public class DBUtil extends SQLiteOpenHelper{ 
public DBUtil(Context context) { 


// 创 建 数据 库 
super(context, DBValue. DB_NAME, null,1); 


坚 
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} 


@Override 
public void onCreate( SQLiteDatabase db) { 


// 建 表 ,可 能 有 多 个 表 
db. execSQL(DBValue. Table Time. CREATE TABLE ) ; 


// 插 入 初始 数据 
initTimes(db); 


onCreate 这 个 函数 在 数据 库 第 一 次 生成 (不 是 每 次 new 一 个 对 象 时 ) 的 时 候 就 会 调用 ， 
也 就 是 说 当 程 序 第 一 次 打开 的 时 候 调 用 这 个 方法 ,因此 我 们 在 这 个 方法 里 面 生成 表 以 及 初 


始 化 数据 


o 


DBValue 用 来 保存 数据 库 的 名 称 、 表 名 以 及 字段 等 静态 信息 : 


/x 
* 结 
*@ 


*/ 


构 为 {数据 库 { 表 {字段 }}} 
author Administrator 


public class DBValue { 


// 数 据 库 名 

public static final String DB_NAME = "timetable. db"; 

// 自 增 主键 

private static final String AUTO_ INCREMENT = "INTEGER PRIMARY KEY AUTOINCREMENT" ; 


//time 表 
public static class Table Tinme { 


// 表 名 
public static final String TABLE NAME = "time"; 


// 字 段 
public static final String TIME_ID_COL = "time id"; 
public static final String TIME_COL = "time"; 
public static final String[ ] TABLE COL = new String [] { 
TIME_ID_COL, 
TIME_COL 
}; 


public static final String SELECTORDER = "time_id DESC"; 


// 创 建 表 代 码 

public static final String CREATE TABLE = "CREATE, TABLE IF NOT FXISTS "十 TABLE NAME + "("+ 
TIME_ID_COL +" "+ AUTO_INCREMENT +","+ 
TIME_COL +" VARCHAR(10))"; 
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Android 提供 了 两 种 方法 来 对 数据 库 进行 操作 ,一 种 是 SQL 语句 , 另 一 种 是 使 用 由 
SQLiteDatabase 封装 的 方法 。 我 们 先 通 过 SQLiteOpenHelper. getWritableDatabase() 或 者 
getReadeableDatabase() 方 法 来 获取 SQLiteDatabase 对 象 。 二 者 的 区 别 也 显而易见 ,前 一 
个 是 获取 写 人 (增删 改 ) ,后 一 个 是 获取 读 出 ( 查 ) 的 SQLiteDatabase。 

我 们 先 来 看 数据 库 查询 的 方法 。Android 查询 数据 库 的 方法 为 : 


Cursor query(String table, String[ ] columns, String selection, 
String[ ] selectionArgs, String groupBy, String having, String orderBy) 


参数 解释 如 下 。 

。 table: 要 查询 的 表 名 。 

。 columns: 一 个 投影 ,也 就 是 你 需要 返回 的 列 名 。 

selection; 一 个 where 子 句 定义 了 要 返回 的 行 , 包 含 “?”。 

selectionArgs: 一 个 选择 参数 字符 串 的 数组 , 它 将 会 蔡 换 where 子 句 中 的 “?”。 
groupBy: 一 个 group by 子 句 , 用 来 定义 返回 的 行 的 分 组 方式 。 

having: 一 个 having 过 滤器 。 

orderBy: 要 返回 的 行 的 顺序 。 

例如 : 


db = dbUtil. getReadableDatabase( ); 


String whereClause = "time_id= ?"; 

String[ ] whereArgs= {"1"}; 

Cursor c= db. query("time", new String[ ] {"time_id", "time_value"}, 
whereClause, whereArgs, null, null, "time_id DESC" ); 


这 段 代码 换 成 SQL 语句 就 是 : 


select time id,time value from time where time id=1 


然后 对 返回 的 Cursor 进行 遍历 操作 : 


while(c. moveToNext()){ 
int index id = c.getColumnIndex("tinme id"); 
int id = c.getInt(index id); 
int index value= c.getColumIndex("time value"); 
String value = c. getString( index value); 
i 


更 新 以 及 插入 操作 的 方法 都 需要 使 用 ContentValues 这 个 对 象 , 它 相 当 于 一 个 键 值 对 ， 
用 来 设置 字段 的 值 。 先 来 看 插入 方法 : 


public void testInsert() { 
db = dbUtil. getWritableDatabase( ); 


ContentValues cv = new ContentValues(); 
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cv.put("time value","10:10"); 


db. insert("time", null, cv); 
db. close(); 
} 


更 新 数据 表 的 方法 : 


public void testUpdate( ){ 
db = dbUtil. getWritableDatabase( ); 


ContentValues cv = new ContentValues( ) ; 
cv.put("time value", "10:20"); 


String whereClause = "time value = ?"; 
String[ ] whereArgs = {"10:10"}; 
> db. update( "time", cv,whereClause, whereArgs); 


db. close( ); 
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删除 表 : 


public void testDelete() { 
db = dbUtil. getWritableDatabase( ); 


String whereClause = "time value = ?"; 
String[ ] whereArgs = {"10:20"}; 

db. delete( "time", whereClause, whereArgs); 
db. close(); 


使 用 SharedPreferences 存储 数据 


SharedPreferences 是 一 个 轻 量 级 的 键 值 对 存储 方式 , 它 的 本 质 是 XML 文件。 
SharedPreferences 的 使 用 非常 简单 : 


/x 
x 获取 SharedPreference 
x* "test" 就 是 SharedPreference 的 名 , 像 表 名 一 样 
x*/ 
SharedPreferences preferences = getSharedPreferences("test", MODE_PRIVATE ); 
// 获 取 Editor 对 象 用 于 写 人 
Editor editor = preferences. edit(); 
editor. putString("name", "Shinado"); 
// 提 交 修 改 


editor. commit( ); 


// 获 取 值 
String name = preferences. getString("name", ""); 
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第 四 节 ”通知 Notification 


延迟 的 意图 PendingIntent 


我 们 知道 ,Intent 是 一 个 桥梁 的 作用 ,而 我 们 接 下 来 要 讲 的 PendingIntent 跟 Intent 类 
似 , 但 不 同 的 是 通过 Intent 来 开始 服务 、Activity 或 者 其 他 功能 的 时 候 是 马上 执行 的 ,而 
PendingIntent 不 会 马上 执行 ,而 是 等 系统 处 理 、 或 者 用 户 做 了 某 个 动作 之 后 再 执行 的 。 也 
就 是 说 PendingIntent 就 是 一 个 延迟 发 送 的 Intent 。 

要 得 到 一 个 PendingIntent 对 象 , 需 要 使 用 该 类 的 静态 方法 getActivity(Context,int， 
Intent,int) .getBroadcast(Context,int, Intent,int) 和 getService( Context, int, Intent,int)。 
它们 分 别 对 应 着 Intent 的 三 个 行为 , 跳 转 到 一 个 Activity ,打开 一 个 广播 和 打开 一 个 服务 。 

一 般 来 说 ,我 们 只 需要 关注 第 一 个 参数 Context 和 第 三 个 参数 Intent, 第 二 个 参数 和 第 
四 个 参数 一 般 为 0。 第 一 个 参数 不 多 说 了 .大 家 也 很 熟悉 了 ; 第 三 个 参数 就 是 我 们 定义 的 
行为 。 

在 本 节 我 们 使 用 PendingIntent 来 在 通知 栏 中 打开 Activity; 在 下 一 节 我 们 也 需要 使 用 
PendingIntent 来 实现 插件 的 事件 处 理 。 

为 了 便于 读者 理解 ,我 新 建 了 一 个 工程 用 于 测试 PendingIntent 的 功能 。 这 个 工程 很 简 
单 , 就 一 个 Activity 加 一 个 BroadcastReceiver, Activity 负责 发 送 短信 ,并 且 通 过 PendingIntent 
来 发 送 广播 。 


/x 
x PendingIntent 测试 
*/ 
String msg= "发 短信 要 钱 吗 ?"; 
String number = "10086"; 
SmsManager sms = SmsManager. getDefault (); 


String action sent = "com. shinado. sms. sent"; 
String action delivery = "com. shinado. sms. delivery"; 
PendingIntent sent = PendingIntent. getBroadcast (this, 0, 
new Intent (action sent),0); 
PendingIntent delivery = PendingIntent. getBroadcast (this, 0, 
new Intent (action delivery),0); 
/x 
* sent: 信息 发 送 的 广播 
x* delivery: 信息 送 达 用 户 的 广播 
x 
sms. sendTextMessage( number, null, msg, sent, delivery); 
Log. e( TAG, "right now"); 


// 注 册 广播 接收 器 

IntentFilter filter = new IntentFilter(); 
filter.addAction(action sent); 
filter.addAction(action delivery); 
registerReceiver(receiver, filter); 
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广播 接收 器 的 代码 为 : 


BroadcastReceiver receiver = new BroadcastReceiver(){ 
@Override 
public void onReceive(Context context, Intent intent) { 
Log. e (TAG, intent. getAction( )); 
} 
有 


特别 注意 
发 送 短信 需要 权限 ,在 Manifest. xml 的 根 节点 中 加 入 : 


<uses - permission android:name = "android. permission. SEND_SMS"/> 


查看 Logcat 的 输出 ,如 图 3-14 所 示 。 


Line Tt 
right now 


| Es ss a 
ZU 04-14 11 

04-14 11 

04-14 11:09 29 com.shinado. sms.delivery 


conm. shinado . sms. sent 


图 3-14 AppWidgetTest 运行 结果 


请 大 家 注意 Log 的 时 间 , 大 家 可 以 看 到 ,第 一 条 Log 信息 (也 就 是 在 Activity 中 发 送 完 
短信 之 后 ) 的 时 间 为 34 分 45 秒 ,而 广播 接收 到 的 发 送 短信 时 间 为 35 分 04 秒 。 这 9 秒 就 是 
用 户 按 下 “发 送 ”" 和 系统 发 送 短信 的 时 间 。 也 就 是 说 ,使 用 PendingIntent 不 是 马上 发 送 
Broadcast, 而 是 等 系统 真正 发 完 短信 之 后 才 发 送 Broadcast 的 。 


创建 通知 


要 在 通知 栏 中 创建 一 个 通知 ,我 们 需要 使 用 两 个 类 : NotificationManager 和 Notification。 
NotificationManager 是 通知 栏 的 管理 器 , 它 有 三 个 公共 方法 : 

。 cancel(int id) 取消 以 前 显示 的 一 个 通知 。 

。 cancelAll() 取消 以 前 显示 的 所 有 通知 。 

。 notify(int id,Notification notification) 显示 通知 。 


获取 NotificationManager 的 方法 为 : 


myNotiManager = (NotificationManager)getSystemService( NOTIFICATION_SERVICE); 


Notification 就 是 通知 的 一 个 实例 , 它 可 以 设置 的 属性 及 解释 如 表 3-1 所 示 。 


表 3-1 _ Notification 属性 一 览 


公有 属性 类 型 解 释 
audioStreamType int 当 声 音响 起 时 ,所 用 的 音频 流 的 类 型 
contentIntent PendingIntent | 当 通 知 条 目 被 单 击 .就 执行 这 个 被 设置 的 PendtingIntent 
contentView RemoteViews | 当 通 知 被 显示 在 状态 条 上 的 时 候 , 同 时 这 个 被 设置 的 视图 被 显示 
defaults int 默认 值 
deleteIntent PendingIntent | 当 用 户 单 击 * 清 除 ?按钮 删除 所 有 的 通知 时 所 执行 的 PendingIntent 
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续 表 

公有 属 性 类 型 解 释 
flags int 不 解释 (什么 ?7 API 都 没有 解释 ?) 
fullScreenIntent PendingIntent | 当 用 户 拉 出 通知 栏 时 所 执行 的 PendingIntent 
icon int 状态 条 所 用 的 图 片 
iconLevel int 假如 状态 条 的 图 片 有 几 个 级 别 ,就 设置 这 里 
largeIcon Bitmap 可 能 会 超出 状态 栏 的 大 图 片 
ledARGB int LED 灯 的 颜色 
ledOfIMS int LED 关闭 时 的 闪光 时 间 ( 以 毫秒 计算 ) 
ledOnMS int 开始 时 的 闪光 时 间 ( 以 毫秒 计算 ) 
number int 这 个 通知 代表 事件 的 号 码 
sound Uri 通知 的 声音 
ticker Text CharSequence | 通知 被 显示 在 状态 条 时 所 显示 的 信息 
tickerView RemoteViews | 通知 被 显示 在 状态 条 时 所 显示 的 窗口 
vibrate long[ ] 振动 模式 
when long 通知 的 时 间 戳 


除 此 之 外 ,Notification 还 有 一 个 重要 的 方法 : 


setLatestEventInfo(Context context, CharSequence contentTitle, 
CharSequence contentText,PendingIntent contentIntent) 


这 个 方法 是 创建 Notification 时 必 不 可 少 的 。 它 的 参数 解释 如 下 : 
。 context Activity 的 引用 。 

。 contentTitle 通知 的 标题 。 

。 contentText 通知 的 内 容 。 

。 contentIntent 将 会 执行 的 内 容 ( 一 般 是 打开 一 个 Activity)。 
我 们 测试 一 个 例子 : 


/x 
x Notification 测试 
x*/ 
NotificationManager myNotiManager = 


(NotificationManager)getSystemService( NOTIFICATION_SERVICE ); 


// 这 个 Intent 的 意图 为 打开 NewActivity 这 个 activity 
Intent notifyIntent = new Intent (this, NewActivity. class); 
notifyIntent. setFlags( Intent. FLAG_ACTIVITY NEW_TASK); 


PendingIntent appIntent = PendingIntent. getActivity(this, 0, notifyIntent, 0); 


Notification noti= new Notification( ); 
// 图 标 

noti. icon = R. drawable. head; 

// 声 音 
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noti. defaults = Notification. DEFAULT _ SOUND 
// 单 击 通 知 后 自动 消失 
noti. flags = Notification. FLAG_AUTO_CANCEL; 


// 设 置 事件 
noti. setLatestEventInfo(this, "title", "Hello World! ",appIntent); 


myNotiManager. notify(0, noti); 


运行 效果 如 图 3-15 所 示 。 


E 2013 年 3 月 10 日 614 
16:49 星期 日 191 


title 
Hello World! 


图 3-15” ”NotificationTest 运行 


般 来 说 ,通知 “寄生 ”在 一 个 Service BroadcastReceiver 之 下 ,在 后 台中 运行 ， 
到 特定 的 情况 下 才 创 建 通 知 。 短 信 通 知 就 是 典型 的 通知 , 它 使 用 一 3roadcastReceiver 
在 后 台中 接收 短信 ,一 旦 收 到 短信 就 创建 通知 。 


第 五 节 桌面 插件 AppWidget 


开发 桌面 小 插件 需要 四 个 步骤 : 第 一 ,配置 appwidget-provider; 第 二 ,配置 布局 ; 第 
,继承 AppWidgetProvider; 第 四 ,在 AndroidMenifest. xml 中 添加 receiver。 桌 面 小 插件 


的 主要 工作 都 是 由 AppWidgetProvider 这 个 类 来 完成 的 , 它 是 BroadcastReceiver 的 一 个 子 
类 ,通过 接收 广播 来 更 新 小 插件 的 显示 信息 。 


配置 appwidget-provider 和 布局 


我 们 使 用 xml 来 配置 appwidget-provider, 我 们 新 建 一 个 xml 文件 appwidget_provider. 
xml。 这 个 文件 包含 了 桌面 插件 的 长 宽 、 更 新 时 间 和 布局 等 信息 。 


<?xml version="1.0" encoding= "utf - 8"?> 

< appwidget - provider xmlns:android = "http://schemas. android. com/apk/res/android" 
android:minWidth= "146dp" 
android:minHeight = "146dp" 
android: initialLayout = " (@layout/layout_appwidget" > 

</appwidget - provider > 


定义 的 布局 文件 layout_appwidget. xml: 


<?xml version="1.0" encoding= "utf - 8"?> 
< RelativeLayout xmlns:android = "http://schemas. android. com/apk/res/android" 
android:id= "@+ id/root" 
android: layout width= "fill parent" 
android: layout_ height = "fill parent" 
android:orientation= "vertical"> 


< TextView 
android:id="@+ id/hour_ tv" 
android:layout width= "wrap_content" 
android:layout height = "wrap_content" 
android:1layout alignParentLeft = "true" 
android:layout alignParentTop= "true" 
android:textSize= "100dp" 
android:textColor = " (@color/white"/> 


< TextView 
android:id="@+ id/min_tv" 
android:layout width= "wrap_content" 
android:layout height = "wrap_content" 
android:layout alignParentLeft = "true" 
android:layout alignParentTop= "true" 
android:layout marginLeft = "25dp" 
android:layout marginTop= "32dp" 
android:textColor = " (@color/background_white" 
android:textSize = "100dp"/> 


</RelativeLayout > 


在 黑色 背景 下 看 起 来 如 图 3-16 所 示 。 

再 回 到 appwidget _ provider. xml 文件 中 。 顾 名 思 义 
android:minHeight 和 android:minWidth 参数 跟 插件 的 长 宽 有 
关 , 但 是 又 不 同 于 实际 意义 上 的 长 跟 宽 。Google 提供 的 基本 原 
则 是 用 你 想 占 用 的 单元 格 数量 乘 以 74, 再 减 去 2。 我 们 的 小 插件 
长 度 占 3 个 单元 格 .宽度 占 1 个 单元 格 , 因 此 长 为 74X3 一 2 一 
220 , 宽 为 74X1 一 2 王 72。 但 事实 上 , 当 我 把 android:minWidth 
这 个 参数 设置 为 160dp 到 239dp 之 间 的 时 候 插 件 的 宽度 都 是 坚 图 3-16 布局 文件 显示 效果 
定 不 移 的 3 个 单元 格 。 

而 android:updatePeriodMillis 属性 理论 上 是 设置 Widget 页 面 的 更 新 页 面 的 时 间 的 频 
率 , 但 事实 上 经 过 多 方 证 实 这 个 参数 的 设置 是 没有 用 的 (至 少 在 SDK 2. 2 中 是 如 此 ) ,我们 
需要 在 Java 代码 中 加 入 定时 器 来 刷新 插件 。 

比较 靠 谱 的 是 android:initialLayout 这 个 属性 , 它 会 坚定 不 移 地 按照 你 的 想法 来 设置 
初始 化 页 面 的 布局 ,我 们 通过 它 来 从 layout 文件 中 指定 初始 化 布局 ,布局 文件 我 们 已 经 介 
绍 过 ,这 里 不 再 费 述 。 

需要 注意 的 是 ,配置 appwidget-provider 的 文件 需 放 在 /res/xml 这 个 文件 夹 里 面 ,这 个 


晶 


Android 产 品 实战 从 零 开始 


AZ 
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文件 夹 在 工程 创建 的 时 候 是 不 存在 的 ,需要 我 们 自己 新 建 ,如 图 3-17 所 示 。 


Baml 

国 appwidget_providerxml 
Bl AndroidManifestxml 
defauluproperties 


图 3-17 新 建 xml 文件 夹 


继承 AppWidgetProvider 和 添加 receiver 


我 们 要 使 用 小 插件 ,就 必须 继承 AppWidgetProvider 这 个 类 。AppWidgetProvider 继 
承 于 BroadcastReceiver, 所 以 它 拥有 onReceive 方法 ,用 来 接收 用 户 自 定义 的 信息 以 及 
AppWidgetProvider 本 身 发 出 的 消息 。 除 了 onReceiver 方法 外 , 它 还 有 以 下 四 个 方法 ,构成 
它 的 生命 周期 ， 

。 onUpdate 用 户 向 桌面 添加 插件 .用 户 删除 插件 时 调用 。 

。 onDelete 当 插 件 被 删除 时 调用 。 

。 onEnable 当 第 一 个 插件 被 创建 时 调用 。 
。 onDisable 当 最 后 一 个 插件 被 删除 后 调用 。 


public class MyAppWidgetProvider extends AppWidgetProvider{ 


@Override 
public void onReceive(Context context, Intent intent){ 
V/ 
* 用 于 接收 用 户 定义 的 广播 
* 比如 可 以 接收 触 碰 事 件 ,然后 在 这 里 更 新 插件 
x*/ 
super. onReceive( context, intent); 
1 
@Override 
public void onEnabled(Context context){ 
We 
* 当 桌 面 上 第 一 个 插件 被 创建 时 调用 
x* 做 一 些 初始 化 处 理 , 比如 创建 事件 响应 、 开 始 服务 
x*/ 
super. onEnabled( context ); 
} 
@Override 
public void onUpdate( Context context, AppWidgetManager appWidgetManager, int[ ] appWidgetIds){ 
/x 
* 大 杂烩 ,被 删除 时 .被 添加 时 都 会 调用 
% 
二 
super. onUpdate( context, appWidgetManager, appWidgetIds); 
. 
@Override 
public void onDeleted(Context context, int[ ] appWidgetIds){ 
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在 这 是 


a 
* 每 删除 一 个 插件 时 都 会 调用 
关 
关 / 
super. onDeleted( context,appWidgetIds); 
h 
@Override 


public void onDisabled(Context context){ 
/¥ 
* 删除 最 后 一 个 插件 时 会 调用 
* 做 一 些 收尾 工作 , 注销 服务 等 
*/ 
super. onDisabled( context); 


EB 我 稍微 讲解 一 下 AndroidManifest. xml 在 Android 系统 中 的 作用 。 我 们 知道 ， 


创建 一 个 Android 应 用 需要 在 AndroidManifest. xml 中 声明 activity, 并 且 在 第 一 个 启动 的 
activity 中 添加 intent-filter。 这 个 intent-filter 实际 上 是 给 Android 系统 看 的 。 我 们 知道 在 
启动 器 中 可 以 看 到 我 们 的 应 用 图 标 , 这 是 因为 启动 器 查看 了 系统 中 的 所 有 包含 


CATEGORY_LAUNCHER 的 activity。 同 理 , 要 想 让 启动 器 知道 我 们 的 桌面 小 插件 ,就 必 
须 在 AndroidManifest. xml 文件 中 添加 这 个 intent-filter。 


注意 
还 需 另外 加 入 android. appwidget. action. APPWIDGET_UPDATE 这 个 action, 否则 


当 你 想 要 添加 你 的 小 插件 的 时 候 会 惊讶 地 发 现 怎么 也 找 不 到 你 的 插件 了 。 


数据 定时 更 新 和 事件 响应 
我 们 在 之 前 提 到 在 appwidget-provider 中 定义 的 定时 刷新 时 间 实际 上 是 没有 效果 的 ， 


因此 我 们 需要 一 个 定时 器 来 帮 我 们 自动 刷新 插件 的 界面 变化 。 


class MyTime extends TimerTask{ 


Private Context context; 


Private AppWidgetManager appWidgetManager; 


public MYTime( Context context, AppWidgetManager appWidgetManager){ 


this. context = context; 
this. appWidgetManager = appWidgetManager; 
} 
@Override 
public void run() { 
/x 
* 定时 更 新 AppWidget 
x*/ 
updateView( context, appWidgetManager); 


量 
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1 
public void updateView(Context context, AppWidgetManager wManager) 
{| 
Views = new RemoteViews( context. getPackageName( ), R. layout. layout _appwidget ); 
TimeVo time = new TimeVo( ); 
views. setTextViewText(R. id. hour _tv, time.getHourString( )); 
Views. setTextViewText(R. id. min_tv ,time.getMinString()); 
wManager. updateAppWidget (new ComponentName( 
context, MyAppWidgetProvider. class), views); 


然后 在 onEnabled 函数 中 开始 定时 器 、 添 加 事件 监听 : 


timer = new Timer( ); 
timer. scheduleAtFixedRate( new MyTime( 
context, AppWidgetManager. getInstance( context)),1,60000); 


在 onDisabled 中 取消 定时 器 : 


if(timer != nul11){ 
timer. cancel(); 


1 


同样 我 们 在 onEnabled 中 添加 事件 响应 : 


// 获 取 布 局 的 view 

Views = new RemoteViews(context. getPackageName( ), R. layout. layout _appwidget ); 
AppWidgetManager appWidgetManager = AppWidgetManager. getInstance (context); 
ComponentName provider = new ComponentName( context, MyAppWidgetProvider. class); 


// 更 新 插件 ,在 这 里 表现 为 发 送 广 播 

Intent openIntent = new Intent(context, MyAppWidgetProvider. class); 

openIntent. setAction( ACTION_UPDATE ) ; 

PendingIntent addPendingIntent = PendingIntent. getBroadcast ( 
context, 0, openIntent, 0); 

views. setOnClickPendingIntent(R. id. root ,addPendingIntent ); 

appWidgetManager. updateAppWidget(provider, views); 


一 般 来 说 ,Java 以 及 大 部 分 Android 的 事件 响应 都 是 通过 实现 某 个 监听 器 来 实现 对 事 
件 的 监听 的 。 但 是 AppWidget 的 事件 监听 比较 特殊 , 它 是 通过 发 送 Broadcast、 接 收 Broadcast 
来 实现 事件 的 。 


@Override 
public void onReceive( Context context, Intent intent){ 
Log. e( TAG, "onReceive" ); 
副 if(intent. getAction().equals( ACTION UPDATE)){ 
| 诺 AppWidgetManager am = AppWidgetManager. getInstance (context); 
90 
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updateView( context, am); 
由 
Super. onReceive(context, intent); 
1 


AppWidget 事件 实现 的 途径 有 两 种 : 一 为 发 送 广播 ,然后 重 写 onReceiver 来 接收 ; 另 
一 为 设置 Intent 来 打开 Activity。 当 然 , 要 实现 单 击 插件 打开 Activity 也 可 以 使 用 第 一 种 


方法 ,然后 再 根据 action 在 onReceiver 方法 中 打开 响应 的 Activity。 这 里 就 用 到 了 我 们 前 
一 节 所 讲 到 的 PendingIntent 组 件 , 在 此 就 不 多 加 效 述 了 。 


第 六 节 功能 实现 


数据 库 及 实体 类 设计 


课表 是 一 个 三 维 结构 ,如果 把 课表 看 成 一 个 表 的 话 ,那么 它 的 主键 为 { 课 ,星期 ,时 间 )。 
数据 库 的 结构 图 如 图 3-18 所 示 。 
数据 库 操作 的 包 包含 五 个 类 ,如 图 3-19 所 示 。 


time 


time id 


PK.FK1 
PK,FK2 


class_id 
日 因 com now timetable db 
田 畴 ClassesDeo javs 
田 因 DBVtil java 
田 - 国 DBValue java 
田 国 WainDao jsvs 
宙 - 国 TineDao java 


图 3-18 数据 库 结构 图 图 3-19 数据 库 操 作 类 


DBUtil 用 于 创建 表 、 初 始 化 数据 : 
public class DBUtil extends SQLiteOpenHelper{ 


public DBUtil(Context context) { 

// 创 建 数据 库 

super(context, DBValue. DB_NAME ,nul]l,1); 
y 


@Override 

public void onCreate(SQLiteDatabase db) { 
// 建 表 
db. execSOL(DBValue. Table Time. CREATE TABLE ); 
db. execSQL(DBValue. Table Classes. CREATE TABLE ); 
db. execSOL(DBValue. Table Main. CREATE TABLE ) ; 


// 插 入 初始 数据 


* 虹 
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initTimes( db); 
} 


private void initTimes( SQLiteDatabase db){ 
insertTime("08:00", db); 
insertTime("10:00", db); 
insertTime("14:30", db); 
insertTime("16:30", db); 
insertTime("18:30", db); 
insertTime("20:30", db); 

} 


private void insertTime(String time, SOLiteDatabase db) { 
ContentValues cv = new ContentValues(); 
cv. put(DBValue. Table_ Time. TIME_COL ,time); 
db. insert (DBValue. Table Time. TABLE_ NAME,null,cv); 


@Override 
public void onUpgrade( SQLiteDatabase db, int oldVersion, int newVersion) { 
1 


DBValue 用 于 封装 每 个 表 的 字段 、 表 名 等 静态 数据 。 
为 了 节约 篇 幅 , 我 省 略 了 数据 库 操作 方法 的 具体 实现 ,这 些 代码 在 本 书 的 代码 中 可 以 查 
看 得 到 。 


public class MainDao { 


private DBUtil dbUtil; 
private SQLiteDatabase db; 
Private Context context; 


public MainDao(Context context) { 
dbUtil = new DBUtil(context); 
this. context = context; 


} 


/xx 
* 把 一 节 课 插入 main 表 中 
* 如 果 这 节 课 不 存在 ,插入 到 classes 表 中 
* 如 果 课 名 和 地 点 一 样 , 视 为 同一 节 课 
x* @param vo 
关 | 
public void insertClass(ClassVo vo) { 
by 
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/x¥ 
* 更 新 main 表 ( 可 能 修改 了 时 间 和 星期 ) 和 classes 表 
x (@param vo 
eh 

public void updateClass(ClassVo vo){ 

} 


/ xx 

x* 只 删除 main 表 

x @param classId 

*/ 
public void deleteClass(String classId) { 
} 


/xx 

x 删除 main 表 和 classes 表 

x* (param classId 

x 
public void deleteClassBoth( String classId) { 
} 


/ xx 

* 查询 一 天 课程 

# @param day 

x @return 

x*/ 
public SortedTree selectClassByDay( int day) { 
} 


ClassesDao 是 包 内 可 见 , 它 并 不 给 包 外 的 类 直接 访问 : 
class ClassesDao { 


private DBUtil dbUtil; 
private SQLiteDatabase db; 


public ClassesDao(Context context) { 
dbUtil = new DBUtil(context); 
} 


/ #x 

* 增 

x (@param vo 

x @return 

*/ 
public int insertClass(ClassVo vo) { 
} 


: 世 
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# 查 ,根据 class_id 
x (@param vo 
x (@return 
x*/ 
public ClassVo selectClassById( String classId){ 


} 


/xx 

* 查 ,根据 课 名 和 地 点 

x @param vo 

x* @return 

x*/ 
public int selectIdBynameAndPlace( String name, String place){ 
} 


/x 

* 删 

x @param vo 

x @return 

*/ 
public void deleteClass(String classId) { 
1 


pe 

%* 改 

x (param vo 

% @return 

x*/ 
public void updateClass(ClassVo vo){ 
} 


TimeDao 为 处 理 时 间 的 数据 库 读 取 方法 : 


public class TimeDao { 


private DBUtil dbUtil; 
private SQLiteDatabase db; 


public TimeDao(Context context) { 
dbUtil = new DBUtil(context); 
} 


public void insertTime(String time) { 
1 


public void deleteTime(String time) { 
} 
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public DbTimeVo selectAllTimes() { 
} 


public void changeTime( String oldTime, String newTime){ 
} 


public String selectTimeById(int id) { 
} 


实体 类 的 包 如 图 3-20 所 示 。 


日 极 com now. tinetable entity 
田 国 口 sssyo java 
田 国 DbTineYo java 
由 国 Mainyo. javs 
图 国 ioteye java 
图 国 optchild java 


央 国 optcroup javs 
田 国 Pref javs 
由 国 SortableIten java 


国 Sorte 
四 国 TineYo. java 


图 3-20 实体 类 
public class ClassVo implements Serializable, SortableItem{ 


//classes 表 

private int classId; 

private int timeld; 

private String time= ""; 
private String className = ""; 
private String classPlace = ""; 
private String teacher = ""; 
private int week; 

private int startWeek; 

private int endWeek; 

private ArrayList < String> notes = new ArrayList < String>(); 


//time 表 
private String hour = "??"; 
private String min= "??"; 


//main 表 
Private int day; 
界面 设计 
主 界面 activity _timetable. xml 是 一 个 RelativeLayout 的 布局 ,包含 两 个 子 元 素 ， 
ListView 作为 数据 展示 以 及 LinearLayout 作为 动作 栏 : 省 
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<RelativeLayout xmlns:android = "http://schemas. android. com/apk/res/android" 
xmlns:tools = "http://schemas. android. com/tools" 
android: layout width= "fil] parent" 
android: layout height = "fill parent" 
android:background = " (@drawable/bcg" > 


<ListView 
android:id= "@+ id/activity_timetable_list" 
android: fadingEdge = "none™" 
android:clipToPadding = "false" 
android: layout marginLeft = "10dip" 
android:divider = " (@color/transparent" 
android:dividerHeight = "20dip" 
android: scrollbarThumbVertical = " (@color/transparent" 
android: layout_ width= "300dip" 
android: layout_ height = "fill parent" 


> android:paddingTop = "42. 0dip" 
/> 


<LinearLayout 
android: layout width="fill parent" 
android: layout_height = "48dip" 
android:background = " (@color/blur black" 
android:gravity= "center" 
> 


<Button 
android:id= " @+ id/activity_timetable_login_bt" 
style= " @style/action_bar" 
android:background = " (@drawable/title_button_left_selector" 
android:text = " @string/title_login"/> 


<TextView 
android:id= "@+ id/activity_timetable_week_bt" 
android:layout width= "140dip" 
android:layout height = "fill_ parent" 
android:gravity= "center" 
android:background = " (@color/transparent" 
android:text = " @string/title_today" 
android:textColor = " (color/white" 
android:textSize= "16dip"/> 


<Button 
android:id= " (@+ id/activity_timetable_opt_bt" 
style= "@style/action_bar" 
android:background = " (@drawable/title_button_right_selector" 
android:text = " @string/title_opt"/> 


</LinearLayout > 


此 </RelativeLayout > 
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而 


先 来 看 ListView 的 设置 : 


android:divider = " (@color/transparent " 
android:dividerHeight = "20dip" 


这 两 句 话 决定 了 列表 的 分 隔 符 的 风格 ,也 就 是 透明 的 20dp, 效 果 是 如 图 3-21 所 示 。 
如 果 去 掉 这 两 行 代码 ,效果 如 图 3-22 所 示 。 


双 周 1-12 周 


图 3-21 透明 列表 分 隔 符 图 3-22 无 定义 分 隔 符 


如 果 去 掉 这 一 句 : 


android:clipToPadding = "false" 


ListView 的 一 部 分 会 被 顶端 的 控件 所 谈 挡 ,如 图 3-23 所 示 。 


图 3-23 列表 顶部 被 遮挡 
因为 设置 了 paddingTop 的 原因 ,整个 列表 会 离 顶部 有 42dp 的 距离 ,而 代码 


android:clipToPadding = "false" 


的 作用 在 于 保持 ListView 在 设置 了 padding 的 情况 下 依然 可 见 ( 当 然 上 面 一 层 要 是 透 
明 的 ), 如 图 3-24 所 示 。 

单 击 “ 查 看 ”, 会 弹出 一 列 菜单 ,如 图 3-25 所 示 。 

如 果 读 者 注意 看 的 话 会 发 现 左上 角 和 右上 角 的 按钮 有 浅 浅 的 竖 线 ,形成 凹陷 的 效果 ,如 
图 3-26 所 示 。 

按 下 按钮 时 背景 变 白 ,如 图 3-27 所 示 。 


加 | 


后 
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图 3-24 列表 顶部 没有 被 这 挡 


图 3-26 凹陷 效果 图 3-27 按 下 按钮 的 背景 


这 是 因为 在 布局 文件 中 分 别 设置 了 不 同 的 background。 以 左边 登录 按钮 为 例 : 


android: background = " (@drawable/title_button_left_selector" 
<?xml version = "1.0" encoding= "utf - 8"?> 
< selector 
xmlns:android= "http://schemas. android. com/apk/res/android"> 
< item android:state pressed= "true" 
android: drawable = " (@drawable/title_button left_pressed"/> 
< item android:drawable = " @drawable/title_button_left_normal"/> 
</selector> 


title_button_left_pressed 和 tittle_button_left_normal 是 两 张 非常 小 的 九 格式 图 片 。 
我 用 Photoshop 把 它们 放大 ,如 图 3-28 所 示 。 


图 3-28 ”按钮 背景 位 图 
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剩 下 的 课程 布局 和 大 按钮 布局 也 就 没什么 好 说 的 了 ,就 是 把 正确 的 文字 图片 调 到 正确 
的 大 小 ,在 RelativeLayout 里 放 到 正确 的 位 置 。 

设置 界面 中 ,我 使 用 了 父 列表 有 间隔 线 , 子 列表 没有 间隔 线 的 ExpandableListView, 打 
开 子 列表 有 游标 提示 ,如 图 3-29 所 示 。 


图 3-29 设置 界面 
这 个 效果 的 布局 为 (部 分 ) : 


android: listSelector = " (@drawable/item_style_selector_transparent" 
android:childDivider =" (@color/transparent" 

android:divider = " (@drawable/list_divider_fade" 

android: groupIndicator = "(@colorVtransparent" 


其 中 listSelector 定义 了 列表 被 单 击 时 的 效果 : 


<?xml version= "1.0" encoding= "utf - 8"?> 

< selector xmlns:android= "http://schemas. android. com/apk/res/android"> 
< item android: state pressed= "false" android:drawable = " (@color/transparent"/> 
< item android: state pressed= "true" android:drawable="(@color/gray_line"/> 
< item android: drawable = " (Qcolor/transparent "/> 

</selector > 


divider 和 childDivider 分 别 定义 的 是 父 列表 的 分 隔 线 和 子 列表 的 分 隔 线 。 
因为 ExpandableListView 默认 会 有 一 个 指示 的 游标 ,如 图 3-30 所 示 。 


图 3-30 游标 


量 
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所 以 我 们 用 groupIndicator 来 指定 自己 的 游标 ,也 就 是 透明 。 如 果 去 掉 这 一 名 效果 如 


图 2-31 所 示 。 


图 3-31 保留 默认 游标 
修改 上 课 信 息 看 起 来 像 个 对 话 框 ,其 实 也 是 Activity, 如 图 3-32 所 示 。 


本 微 积分 
A211 


全 部 。” 单 周 多 双 周 


14:30 


吧 开始 周 1 。 结束 周 12 


取消 确定 


图 3-32 ”修改 课程 信息 对 话 框 
要 做 到 这 样 的 效果 ,可 以 在 声明 这 个 activity 的 同时 声明 它 的 theme: 


< activity 
android: name = ". dialog. normal. EditClassDialog" 
android:theme = " (@style/blur activity" > 
</activity> 
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这 个 style 是 这 样 写 的 : 


< style name = "blur activity"> 
< item name = "android:windowNoTitle"> true </item> 
< item name = "android:windowAnimationStyle"> 
@ android:style/Mnimation.Dialog </item> 
< item name = "android:windowBackground">(@® color/blur black </item> 
< item name = "android:windowIsTranslucent "> true </item> 
</style> 


这 个 编辑 框 一 节 一 节 的 效果 是 因为 各 自 使 用 了 不 同 的 background。 最 上 方 使 用 的 
background 和 最 下 方 以 及 中 间 四 个 框 都 是 不 一 样 的 ,中 间 再 用 一 条 宽 为 1dp 的 ImageView 
隔 开 。 
查看 /编辑 课表 

应 用 主页 面 (查看 课表 ) 的 逻辑 比较 简单 , 它 负责 显示 并 响应 响应 的 事件 (部 分 代码 )， SS 


private PopupWindow popupWindow; 
private WeekPopAdapter popBaseAdapter; 
/x 
* 保存 了 一 周 的 课程 ,根据 星期 来 获取 这 一 天 的 课程 
x*/ 
private HashMap < Integer, SortedTree > classMap; 
/x 
x 当前 这 一 天 的 课程 
x*/ 
private SortedTree currentList; 
private int day; 
private static final String[] WEEK = {"Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sar"}; 


private ListView listView; 
private TimetableListAdapter adapter; 


private TextView weekTv; 


@Override 

public void onCreate( Bundle savedInstanceState) { 
super. onCreate( savedInstanceState); 
setContentView(R. layout. activity timetable); 


// 载 人 课程 数据 


initClasses(); 


// 获 取 当 天 课程 
currentList = getCurrentClass(); 


// 加 载 ListView 数据 
listView= (ListView) findViewById(R. id. activity timetable list); 到 | 
adapter = new TimetableListAdapter(this, currentList, day); | 


101 


| 而。 Android 产品 实 战 从 零 开 始 


listView. setAdapter(adapter); 


/x 
x 添加 ListView 事件 监听 器 , 当 按 下 "查看 "按钮 (第 一 行 ), 弹出 选择 的 PopMenu; 
% 按 下 "增加 "按钮 (最 后 一 行 ), 弹出 增加 课程 对 话 框 
x*/ 


final Button optBt = (Button) findViewById(R. id. activity_timetable_opt_bt); 
listView. setOnItemClickListener(new OnItemClickListener(){ 
@ Override 
public void onItemClick (AdapterView <?> arg0, View argl, int position, 
long arg3) { 
if(position== 0){ 
// 查 看 其 他 时 间 课 程 
popupWindow. showAsDropDown (optBt, — 10, 10); 
}else if(position== currentList. size() +1){ 
// 增 加 课程 
startActivityForResult(new Intent(TimetableActivity. this, 
EditClassDialog. class), Pref. ClassSet. REQUEST_CODE_ADD_CLASS ); 


} 
1); 


// 显 示 当 前 星期 的 标题 栏 
weekTv = (TextView) findViewById(R. id.activity timetable week bt ); 


weekTv. setText( WEEK[ day]); 


// 初 始 化 PopMenu 
initPopupWindow( ); 
// 开 始 通知 服务 


startService(); 


} 


// 已 在 layout 文件 中 定义 button 事件 
public void startSettingActivity(View v){ 
startActivity(new Intent( 
TimetableActivity. this, SettingActivity. class)); 
yr 
@Override 
public void onActivityResult( int requestCode, int resultCode, Intent intent){ 
// 编 辑 /增加 /删除 课程 回 到 该 页 面 后 , 响应 数据 改变 
if(intent == null){ 
return; 
} 
switch(requestCode){ 
case Pref. ClassSet. REQUEST_CODE_SET_CLASS: 
if(resultCode == Pref.ClassSet. RESULT CODE_CLASS_SET){ 
int position = intent. getIntExtra(Pref.ClassSet. EXTRA_POSITION, 0); 
ClassVo vo= (ClassVo) intent. getSerializableFxtra( 


副 Pref. ClassSet. EXTRA_CLASS ) ; 
谋 setClass(position, vo); 
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}else if(resultCode == Pref. ClassSet. RESULT CODE CLASS DELETE ){ 
int position = intent. getIntExtra(Pref.ClassSet. EXTRA_POSITION ,0); 
deleteClass(position); 

} 

break; 

case Pref. ClassSet. REQUEST_ CODE ADD _CLASS: 

if(resultCode == Pref.ClassSet. RESULT_ CODE CLASS ADD){ 

ClassVo vo= (ClassVo) intent. getSerializableExtra( 
Pref. ClassSet. EXTRA _CLASS ); 
addClass(vo); 

} 

break; 


} 
private void deleteClass( int position){ 
// 在 数据 库 中 删除 
ClassVo vo= (ClassVo) currentList. get(position); 
String id= "" + vo.getClassId( ); 
MainDao mainDao = new MainDao( this); 
mainDao. deleteClass( id); 


// 更 新 虹 
currentList. remove(position); 
adapter. notifyDataSetChanged( ) ; 
} 
private void addClass(ClassVo vo){ 
vo. setDay( day) ; 
if(currentList.getItem() != null && currentList. contains(vo. getTime())){ 
Toast. makeText (this, "该 时 间 已 经 有 课 了 ", Toast. LENGTH_SHORT). show( ); 
return; 
1 
// 插 入 数据 库 
MainDao mainDao = new MainDao( this); 
mainDao. insertClass(vo); 


// 更 新 U 开 
currentList. add(vo); 
adapter. notifyDataSetChanged( ); 

. 

private void setClass( int position,ClassVo vo){ 
// 修 改 数据 库 
MainDao mainDao = new MainDao( this); 
mainDao. updateClass(vo); 


// 更 新 开 


currentList. set(position, vo); 


adapter. notifyDataSetChanged( ); 
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编辑 课表 的 Activity 逻辑 较为 简单 : 如 果 onCreate 时 有 数据 (修改 课程 ) ,就 把 数据 读 
出 来 十 和 人 编辑 框 中 ; 就 是 当 单 击 “ 确 定 ” 按 钮 时 ,把 数据 打包 起 来 并 回 传 回去 。 
此 外 ,编辑 课程 框 中 有 两 处 动画 效果 : 


// 勾 选 "选择 "时 , 选择 周 控件 滑 入 
public void slideInWeekSelector(){ 
TranslateAnimation anima = new TranslateAnimation(300,0,0,0); 
anima. setFillAfter(true); 
anima. setDuration(500); 
weekSelector. startAnimation(anima); 


} 


// 取 消 色 选 " 选 择 " 时 ,选择 周 控件 滑 出 
public void slideOutWeekSelector(){ 
TranslateAnimation anima = new TranslateAnimation(0, 300, 0,0); 
anima. setFillAfter(true); 
anima. setDuration(500); 
weekSelector. startAnimation(anima); 


1 


// 初 始 化 时 间 选 择 控件 时 ,利用 线程 播放 翻滚 的 动画 
Private void initTimeWheel( ){ 
timeWheel = (WheelView) findViewById(R. id. dialog_edait_class_time_wheel ); 
timeWheel. setAdapter (new StringWheelAdapter(timeList)); 
timeWheel. setCyclic(true); 
timeWheel. TEXT SIZE= 60; 
timeWheel. setVisibleItems(1); 
timeWheel. setCurrentItem(timeIndex); 
new Thread( ){ 
public void run(){ 
try{ 
sleep (100); 
} catch (InterruptedException e) { 
//TODO Auto - generated catch block 
e.printStackTrace( ); 
| 
// 播 放 翻滚 动画 ,刚好 又 回 到 正确 的 位 置 
timeWheel. scroll(timeList. size(),700); 
} 
}.start(); 


配置 页 面 


配置 界面 中 ,如 图 3-33 所 示 , 子 列表 的 又 又 看 起 来 像 图 标 ,但 其 实 就 是 一 个 TextView 
而 已 ,如 图 3-34 所 示 ( 谁 说 TextView 不 能 有 单 击 事件 的 ?)。 它 的 子 元 素 的 布局 就 是 三 个 
简单 的 TextView。 

配置 界面 是 一 个 可 开 闭 的 ExpandableListView, 这 个 控件 我 们 将 在 下 一 章 详细 讲解 ， 
这 里 不 多 加 更 述 。 
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图 3-33 TextView 作为 按钮 图 3-34 配置 界面 


获取 子 视 图 的 代码 为 : 


@Override 
public View getChildView(final int groupPosition, final int childPosition, boolean isLastChild, 
View convertView, ViewGroup parent) { 
ChildHolder holder; 
if(convertView == null){ 
convertView = LayoutInflater. from(mContext). inflate( 
R. layout. list_setting_child, null); 
holder = new ChildHolder( ); 
holder. hint = (TextView) convertView. findViewById( 
R.id.list_setting_child_hint_tv); 
holder. value = (TextView) convertView. findViewById( 
R.id.list_setting_child value_tv); 
holder. addition = (TextView) convertView. findViewById( 
R.id.list_setting_child addition tv); 
convertView. setTag( holder); 
}elsef 
holder = (ChildHolder)convertView. getTag( ) ; 
// 设 置 内 容 
OptChild child= (OptChild) mGroups. get(groupPosition). 
getChildren( ). get (childPosition); 
holder. hint. setText(child. getHint( )); 
String value = child. getValue(); 
if(groupPosition== 2){ 
if(value. equals("0")){ 
holder.value. setText(" 不 提醒 "); 


hea value. setText(value+ "分 钟 "); 副 | 
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} 
}else{ 
holder. value. setText (value); 
} 
String addition = child. getAddition( ); 
if(addition.equals("") || addition == nu11){ 
holder. addition. setVisibility(View. INVISIBLE); 
Jelse{ 
holder. addition. setText(addition); 
; 
// 添 加 事件 
if(groupPosition== 0){ 
holder. addition. setOnClickListener(new OnClickListener(){ 
@Override 
public void onClick(View v) { 
mGroups. get (groupPosition). 
removeChildInOrder(childPosition); 
notifyDataSetChanged( ); 
} 
}); 
} 


return convertView; 


桌面 小 插件 
桌面 小 插件 沿用 了 课程 列表 的 布局 ,有 三 种 配色 可 供 选 择 , 如 图 3-35 所 示 。 


计算 机 网 络 原理 计算 机 网 络 原理 


130 
单间 30 sm 


| :::) Bl 


图 3-35 桌面 小 插件 


更 新 视图 的 逻辑 为 : 如 果 下 一 节 课 的 上 课时 间 晚 于 现在 时 间 , 那 么 更 新 插件 信息 ; 如 
果 当 前 时 间 晚 于 任何 一 节 课 的 时 间 , 则 不 显示 上 课 内 容 。 


public void updateView( Context context, AppWidgetManager wManager) 
i 
ClassVo nextClass = packInfo(context); 
int layout = new UserPref(context) . getAppearance(); 
switch( layout){ 
case UserPref. FLAG_BLUR: 
Views = new RemoteViews( 
context. getPackageName( ) ,R. layout. layout widget blur); 
break; 
Case UserPref. FLAG_BLUE: 
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Views = new RemoteViews( 
context. getPackageName( ) ,R. layout. layout widget blue); 
break; 
case UserPref. FLAG_WHITE : 
default: 
Views = new RemoteViews( 
context. getPackageName( ) ,R. layout. layout widget _white); 
break; 
} 
if(nextClass != nul1){ 
views. setTextViewText(R. id. layout_widget _place_tv, 
nextClass. getClassPlace( )); 
views. setTextViewText(R. id. layout widget class_tv, 
nextClass. getClassName( )); 
TimeVo time = new TimeVo( nextClass. getTime( ), true); 
Views. setTextViewText(R. id. layout_ widget hour_tv, 
time. getHourString( ) ) ; 
views. setTextViewText(R. id. layout widget min_tv,time.getMinString()); 
Views. setTextViewText(R. id. layout_widget_week_tv, 
nextClass. getWeekDisplay( )); 
wManager. updateAppWidget( new ComponentName( 
context, MyAppWidgetProvider. class), views); 
}else{ 
Views. setTextViewText(R. id. layout_widget place_tv,""); 
Views. setTextViewText(R. id. layout_widget_class_tv, "今天 没 课 了 "); 
TimeVo time = new TimeVo( ); 
Views. setTextViewText(R. id. layout_widget _hour_tv, 
time. getHourString()); 
views. setTextViewText(R. id. layout _ widget _min_tv,time.getMinString()); 
views. setTextViewText(R. id. layout widget _ week _ tv,""); 
wManager. updateAppWidget (new ComponentName( 
context, MyAppWidgetProvider. class), views); 


private ClassVo packInfo( Context context) 


MainDao mainDao = new MainDao( context); 
SortedTree classList = mainDao. selectClassByDay( getWeekOfDate( )); 
TimeUtil timeManage = new TimeUtil(classList); 
String startWeek = new UserPref(context). getDate( ); 
ClassVo vo = timeManage. getNextClass(20); 
if(vo==null){ 
return null; 
} 
boolean isClass = ifClass(vo. getWeek(), vo. getStartWeek( ), vo. getEndWeek( ), 
timeManage. getCurrentWeek( startWeek) ); 
if(isClass){ 
return vo; 
Jelse{ 
return null; 
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private boolean ifClass(int flag, int startWeek, int endWeek, int currentWeek) 
Switch(flag) 
case DBValue. Table Classes. ROW_ALL: 
break; 
case DBValue. Table Classes. ROW_SINGLE : 
if(currentWeek % 2 != 1) 
return false; 
break; 
case DBValue. Table Classes. ROW_DOUBLE : 
if(currentWeek % 2 !=0) 
return false; 
break; 
} 
if(startWeek + endWeek == 0){ 
return true; 
} 
if(currentWeek > = startWeek && currentWeek <= endWeek){ 
return true; 
1 
return false; 
1 
/xx 
x* Sunday 0 Saturday 6 
x* (@ return 
*/ 
private int getWeekOfDate() 
区 
Date dt = new Date( ); 
Calendar cal = Calendar. getInstance (); 
cal. setTime( dt); 


int w= cal. get (Calendar. DY OF WEEK)— 1; 


if (w<0) 
w= 0; 
return w; 
1 
定时 通知 的 实现 


定时 通知 的 实现 为 通过 一 个 Service 设 定 定 时 器 ,每 1 分 钟 查询 一 次 上 课 内 容 的 变化 。 


private void setNoti( int iconId, ClassVo vo) 
E 
Intent notifyIntent = new Intent(this, TipDailog. class); 
notifyIntent. setFlags( Intent. FLAG_ACTIVITY NEW_TASK); 
notifyIntent. putExtra(Pref. Notification. EXTRA_CLASS, vo. getClassName( ) ); 
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notifyIntent. putExtra( Pref. Notification. EXTRA PLACE ,vo. getClassPlace() ); 
notifyIntent. putExtra(Pref. Notification. EXTRA TIME, vo. getTime( )); 
PendingIntent appIntent = PendingIntent. getActivity( 
NotificationService. this, 0, notifyIntent, 0); 


Notification myNoti = new Notification(); 
myNoti. icon = iconId; 
myNoti. tickerText = vo. getClassName( ); 
myNoti. defaults = Notification. DEFAULT_SOUND; 
myNoti. flags = Notification. FLAG_AUTO_CANCEL ; 
myNoti. setLatestEventInfo( NotificationService. this, "下 节 课 即将 开始 "， 
vo. getClassName( ), appIntent); 
myNot iManager. notify(0,myNoti); 
1 
private ClassVo packInfo() 
{ 
MainDao mainDao = new MainDao(this); 
SortedTree classList = mainDao. selectClassByDay( getWeekOfDate( ) ) 
TimeUtil timeManage = new TimeUtil(classList); 
UserPref pref = new UserPref(this); 
String startWeek = pref.getDate( ); 
// 如 果 当 前 时 间 后 的 n 分钟 (用 户 设 定 ) 内 等 于 上 课时 间 , 则 弹出 通知 
ClassesVo vo = timeManage. getNextClassExactly(pref. getNoti()); 
if(vo ==null){ 
return null; 
上 
boolean isClass = ifClass(vo. getWeek( ), vo. getStartWeek( ), 
vo. getEndWeek( ), timeManage. getCurrentWeek( startWeek) ) ; 
if(isClass){ 
return vo; 
}else{ 
return null; 


. 


private boolean ifClass( int flag, int startWeek, int endWeek, int currentWeek) 


{ 


switch(flag) 
中 
case DBValue. Table_Classes. ROW_ALL: 
break; 
case DBValue. Table Classes. ROW_SINGLE : 
if(currentWeek %$ 2 !=1) 
return false; 
break; 
case DBValue. Table Classes. ROW_DOUBLE : 
if(currentWeek % 2 != 0) 
return false; 
break; 
+ 
if(currentWeek > = startWeek && currentWeek <= endWeek){ 
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-一 
chapter 第 上 时 


用 涌 动 手势 打造 用 户 体 验 


清单 
Demo 代码 : 


\demo\Demo todo 


实例 代码 : 


\source codes\to- do 


Target SDK: 


Android 1.6 


第 一 节 产品 介绍 


待 办 事项 这 一 类 的 应 用 应 该 是 很 多 很 多 了 。 既 然 已 经 这 么 多 了 ,那么 无 所 谓 再 多 一 个 
( 回 )。 事实 上 ,这 一 类 应 用 最 重要 的 功能 之 一 就 是 把 已 经 过 期 的 事件 重新 安排 回去 。 因 为 
我 们 总 是 会 被 其 他 的 事情 打 断 ,以 至 于 事情 没有 在 预想 的 时 间 内 完成 。 本 应 用 主要 学 习 自 
制 滑动 列表 以 及 Animation 的 使 用 。 滑 动 列表 的 逻辑 会 比较 复杂 ,也 是 本 章 的 重点 。 

这 一 类 产品 做 得 好 的 有 Any. DO, 也 是 我 的 模仿 对 象 ,如 图 4-1 所 示 。 


4-1 Any. DO 应 用 
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需求 分 析 
日 程 应 用 有 以 下 几 个 功能 : 
。 查看 一 周 日 程 ; 
。 编辑 日 程 ; 
。 过 期 事件 列表 。 
界面 设计 
界面 风格 模仿 Any. DO 的 清爽 与 简洁 ,使 用 蓝 白色 的 色调 ,如 图 4-2 所 示 。 
[im 01913 首 今 门 加 加 Q E21:56| 


一 周 日 程 Ea 消息 列表 ss 
ws 10:0( @ 1 
20a 


py 
2 A 小 窍门 Ra 
YU 如 果 你 归 妇 得 掉 基 条 消 息 , 可 以 试看 向 右 洗 动 


它 ; 加 时 你 起 雪 加 入 兰 忘 杀 , 向 在 开动 它 
19:20 更 多 应 用 尽 在 now.com 
White Collar S4 Now 工 作 襄 尖 一 个 考 注 册 户 体验 ,充满 活力 的 

作 讲 

23:05 
读 全 刚 经 

周 四 

21a 

和 

nn 


图 4-2 界面 配色 
用 户 体验 设计 
在 这 个 应 用 里 面 ,我 使 用 了 可 以 滑动 子 元 素 的 ListView。 同 时 借鉴 了 三 星 通讯 录 滑 动 
拨号 和 Any. DO 的 滑动 删除 功能 ,如 图 4-3 所 示 。 


email 


= tivat @ 
Ey motivation 
2012 Barack Obama 


图 4-3 三 星 通讯 录 ( 左 ) 和 Any. DO( 右 ) 


向 左 滑动 时 ,导航 栏 上 的 “一 周 日 程 ?会 变 蓝 ,提示 用 户 这 个 操作 将 会 把 该 日 程 重新 安排 
至 本 周 ; 松 开 手 时 ,“ 一 周 日 程 "会 变 成 深蓝 .提示 用 户 该 日 程 已 经 加 入 到 本 周 , 如 图 4-4 所 示 。 
向 右 滑动 时 ,并 不 会 直接 删除 ,而 是 露出 剩余 的 一 小 截 并 显示 删除 的 按钮 ,用 户 按 下 删 
除 按钮 才 会 把 日 程 删除 ,如 图 4-5 所 示 。 这 就 相当 于 提醒 用 户 “ 确 定 要 删除 该 日 程 ?”。 
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一 周 日 程 


g tips 
Get more apps 


About 


过 期 事件 


多 选 


admin 


图 4-4 向 左 滑动 列表 


Using tips 


About 


admin 


ed 


admir 


图 4-5 


删除 事项 


当然 ,这 些 用 户 体验 都 是 建立 在 正常 的 操作 之 上 的 , 单 击 右上 角 "* 多 选 "按钮 则 会 显示 选 


择 框 ,如 图 4-6 所 示 。 


第 二 节 


配置 布局 文件 


Using tips 
Get more apps 


About 


全 部 放 到 今天 


放 入 回收 站 


图 4-6 选择 事项 


手风琴 ExpandableListView 


我 们 在 前 面 一 章 使 用 过 ExpandableListView, 跟 ListView 一 样 , 使 用 适配器 来 配置 数据 。 
先 准备 三 个 布局 文件 ,先是 定义 一 个 ExpandableListView 的 activity 布局 文件 activity_list. xml: 


四 | 
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< RelativeLayout xmlns:android = "http://schemas. android. com/apk/res/android" 
xmlns:tools = "http://schemas. android. com/tools™ 
android: layout width="fill parent" 
android: layout height = "fill parent"> 


< ExpandableListView 
android:id= "(@ + id/expandableLV" 
android:layout width= "fil] parent" 
android:layout_height = "wrap_content" 
android:groupIndicator = " (Wandroid:color/transparent" 
android:divider = " (Wandroid:color/transparent" 
android:childDivider = " (Qandroid:color/transparent " 
android:layout alignParentLeft = "true" 
android:layout alignParentTop= "true" > 
</ExpandableListView > 


</RelativeLayout > 


再 定义 父 容器 (也 就 是 未 展开 之 前 的 ListView) 的 layout(layout_group. xml) : 


<?xml version = "1.0" encoding= "utf - 8"?> 
<LinearLayout xmlns:android= "http://schemas. android. com/apk/res/android" 
android: layout width="fill parent" 
android: layout_ height = "wrap_content" 
android:orientation= "vertical" > 
<LinearLayout 
android: layout width= "fill_parent" 
android: layout_height = "wrap_content" 
android:orientation= "horizontal" 
android: layout marginTop= "5dp" 
android: layout_marginBottom= "5dp" 
android:gravity= "center_vertical"> 


< TextView 
android: id= "@ + id/name" 
android: layout width= "wrap_content" 
android: layout_height = "wrap_content" 
android:textSize= "16dp" 
android: drawableLeft = " (@drawable/ic_indicator" 
android: drawablePadding = "5dp"/> 


</LinearLayout > 
</LinearLayout > 


看 起 这 个 布局 似乎 多 了 一 层 没 用 的 LinearLayout (最 外 面 一 层 ), 实 则 不 然 。 因 为 
到 ListView 的 子 元 素 ( 也 就 是 上 面 的 根 元 素 ) 的 layout_height 会 强制 变 为 wrap_content。 
开 子 容 器 layout(layout_child. xml) : 
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<?xml version = "1.0"”encoding = "utf - 8"?> 

<LinearLayout xmlns:android = "http://schemas. android. com/apkVresVanadroid" 
android:layout_width= "fill parent" 
android: layout height = "wrap_content" 
android:orientation = "vertical"> 


<LinearLayout 


android: layout width= "fill_ parent" 
android: layout_ height = "60dp" 
android:gravity= "center vertical" 
android:orientation= "horizontal" > 


< ImageView 
android: id = 


"@ + id/head" 


android: layout width= "50dp" 
android: layout_ height = "50dp"/> 


<LinearLayout 


android: layout width= "wrap_content™ 
android: layout_height = "fill_parent" 
android:gravity= "center_vertical" 
android: layout_marginLeft ="5dp" 
android:orientation = "vertical"> 


<TextView 
android 


android 


< TextView 


android: 
android: 
android: 
android: 
android: 


</LinearLayout > 


</LinearLayout > 
</LinearLayout > 


使 用 适配器 


由 于 是 二 级 列表 的 关系 ,所 以 适配器 的 数据 是 ArrayList 骨 ArrayList 的 结构 : 


public class GroupVo { 


:id="@ + id/nane" 
android: 
android: 
:textSize= "16dp"/> 


layout width= "wrap_content" 
layout_height = "wrap_content" 


id="@ + id/word" 

layout width= "wrap_content" 
layout_ height = "wrap_content" 
textSize = "16dp" 

textColor = "# dd666666"/> 


private String name; 
private ArrayList <ChildVo> children; 
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public class ChildVo { 


private int head; 
private String name; 
private String jabber; 
} 
/x 
* 获取 数据 
x*/ 
private ArrayList < GroupVo> getGroup() 


ExpandableListView 的 适配器 本 质 上 跟 ListView 是 一 样 的 ,只 不 过 ExpandableListView 
的 适配器 区 分 了 child 跟 group: 


public class ExpandableAdapter extends BaseExpandableListAdapter{ 


Private ArrayList < GroupVo > group; 
private Context context; 


public ExpandableAdapter( ArrayList < GroupVo > group, Context context){ 
this. group = group; 
this. context = context; 


@Override 
public int getChildrenCount( int groupPosition) { 
return group. get(groupPosition).getChildren(). size(); 


@Override 
public View getChildView(int groupPosition, int childPosition, 
boolean isLastChild, View convertView, ViewGroup parent) { 
return convertView; 


@Override 
public int getGroupCount() { 
return group. size( ); 


@Override 
public View getGroupView (int groupPosition, boolean isExpanded, 
View convertView, ViewGroup parent) { 


return convertView; 


@Override 
public boolean isChildSelectable(int groupPosition, int childPosition) { 
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// 这 里 要 return true, ListView 的 子 列 才 可 以 选择 
return true; 
} 


@Override 

public Object getGroup( int groupPosition) { 
return null; 

} 


@Override 

public Object getChild( int groupPosition, int childPosition) { 
return null; 

} 


@Override 
public long getGroupId( int groupPosition) { 
return 0; 


} 


@Override 
public long getChildId( int groupPosition, int childPosition) { 
return 0; 


} 


@Override 

public boolean hasStableIds() { 
//TODO Ruto - generated method stub 
return false; 


第 三 节 ”动画 Animation 


Animation 可 以 实现 多 种 效果 的 动画 ,我 们 在 上 一 节 中 使 用 的 android. R. anim 就 是 系 
统 自己 定义 的 一 个 Animation。 


Animation 有 以 下 两 种 模式 。 
。 Tween Animation 通过 对 场景 里 的 对 象 不 断 做 图 像 变 换 ( 平 移 、 缩 放 、 旋 转 ) 产 生动 
面 效果 。 


。 Frame Animation 顺序 播放 事先 做 好 的 图 像 。 
幻灯 片 TweenAnimation 


在 TweenAnimation 中 ,我 们 可 以 设置 四 种 动画 效果 。 
。 alpha 渐变 透明 度 。 
。 scale 渐变 尺寸 伸缩 。 


:时 
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。 translate 画面 转换 位 置 移动 。 
。 rotate 画面 转移 旋转 。 
TweenAnimation 共同 的 节点 属性 如 表 4-1 所 示 。 


表 4-1 TweenAnimation 共同 节点 


属 性 类 型 解 释 
android: duration long 动画 持续 时 间 
android :fillAfter boolean 为 true 时 ,动画 结束 后 会 应 用 该 动画 转化 
android :fillBefore boolean 为 true 时 ,动画 结束 前 会 应 用 该 动画 转化 
android:interpolator 指定 一 个 动画 插入 器 
android :repeatCount int 动画 的 重复 次 数 
android:repeatMode int 重复 模式 : 1 为 重新 开始 ; 2 为 道 效 果 
android:startOffset long 动画 间 的 时 间 间 隔 
android:zAdjustment int 动画 的 层 : 0 保持 不 变 ; 1 保持 最 上 层 ; 2 保持 最 下 层 
> 
> 首先 ,我 们 来 看 伸缩 效果 的 Animation, 如 表 4-2 所 示 。 
表 4-2 scaleAnimation 节点 
属 性 类 型 解 释 
android:fromXScale float 动画 开始 时 ,X、Y 坐标 上 的 伸缩 尺度 ; 
android: {romY Scale float 小 于 1 表示 缩小 ,大 于 1 表示 放大 
android:toXScale float 动画 结束 时 ,X、Y 坐标 上 的 伸缩 尺寸 ; 
android:toYScale float 小 于 1 表示 缩小 ,大 于 1 表示 放大 
android:pivotX String 相对 于 物件 的 X.Y 坐标 的 开始 位 置 , 取 值 0 一 100%% ; 
android :pivotX String 50% 为 物件 的 义 或 方向 坐标 上 的 中 点 位 置 


定义 TweenAnimation 的 xml 文件 需要 放 在 res/anim 文件 夹 下 ,如 图 4-7 所 示 。 
| 


Benmin 
回 wnin_fade xml 
回 win_move xnl 
回 win_xcae xnl 


加 anim_spin xnl 
图 4-7 动画 文件 的 存放 
缩放 效果 Animation 示例 Canim_iv. xml) : 


<?xml version = "1.0" encoding = "utf - 8"?> 
< set android: shareInterpolator =" false" 
xmlns:android = "http://schemas. android. com/apk/res/android"> 
<scale 
android:fromXScale= "0.5" 
android:toXScale= "1.5" 
android:fromYScale= "1.5" 
android:toYScale= "0.5" 
android:pivotX= "50 当 " 
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android:pivotY= "50% " 

android:fillAfter = "true" 

android:duration= "10000"/> 
</set> 


在 Java 代码 中 播放 动画 : 


public void scale(View v){ 
ImageView iv= (ImageView) findViewById(R. id.anim_iv); 
iv. setImageResource(R. drawable. ic_launcher); 
Rnimation anim = AnimationUtils. loadAnimation (this, R. anim. anim_scale ); 
iv. startAnimation(anim); 


效果 如 图 4-8 所 示 。 


图 4-8 伸缩 Animation 效果 示意 


此 外 ,如 果 不 使 用 xml 文件 ,也 可 以 直接 在 Java 代码 中 定义 ,效果 是 一 样 的 : 


ImageView iv = (ImageView) findViewById(R. id. anim_iv); 

//fromX, toX, fromY, toY, pivotX, pivotY 

Rnimation anim = new ScaleAnimation(0. 5f,1.5f,1.5f,0.5f,0.5f,0.5f); 
anim. setDuration( 10000); 

anim. setFillAfter(true); 

iv. startAnimation(anim); 


接 下 来 是 透明 变化 的 Animation, 它 的 节点 属性 如 表 4-3 所 示 。 
表 4-3 透明 变化 Animation 节点 


属 性 类 型 解 释 
android:fromAlpha long 开始 的 透明 度 ,0 为 全 透明 
android:toAlpha long 结束 的 透明 度 ,1 为 完全 不 透明 


我 们 来 试 一 下 透明 变化 的 效果 : 


<?xml version="1.0" encoding= "utf -~ 8"?> 

< set android: shareInterpolator = "false" 
xmlns:android = "http://schemas. android. com/apk/res/android"> 
<alpha 
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android:fromAlpha= "0.1" 

android:toAlpha= "1.0" 

android:duration = "3000"/> 
</set> 


在 Activity 中 设置 控件 的 动画 效果 : 
ImageView iv = (ImageView) findViewById(R. id. anim_iv); 
Rnimation anim = AnimationUtils. loadAnimation (this, R. anim. anim_fade ); 


iv. startAnimation(anim); 


效果 如 图 4-9 所 示 。 


< > 
图 4-9 透明 Animation 效果 示意 


平移 的 Animation 属性 如 表 4-4 所 示 。 
表 4-4 平移 Animation 节点 属性 


属 性 类 型 解 释 
android:fromXDelta int 

动画 开始 办 标 

android:fromYDelta int 动画 开始 时 的 坐标 

android:toXDelta int 二 

android:toYDelta int GE 全 


平移 效果 Animation 示例 : 


<?xml version="1.0" encoding= "utf - 8"?> 
< set android: shareInterpolator = "false" 
xmlns:android = "http://schemas. android. com/apk/res/android"> 
<translate 
android:fromXDelta= "0" 
android:fromYDelta= "0" 
android:toXDelta= "200" 
android:toYDelta= "30" 
android:duration= "10000"/> 
</set> 


旋转 的 Animation 属性 如 表 4-5 所 示 。 
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表 4-5 旋转 Animation 节点 属性 
属 性 类 型 解 释 备 注 

a Ee 动画 开始 时 控件 的 | (from 负数 一 一 to 正 数 : 顺 时 针 旋 转 ) 

roO1d ;1romUe: Ss 
Ea 旋转 角度 (from 负数 一 to 负数 : 逆 时 针 旋转 ) 

a 动画 结束 时 控件 的 | (from 正 数 一 一 to 正 数 : 顺 时 针 旋 转 ) 
ee | 旋转 角度 (from 正 数 一 -to 负数 :着 时 针 旋转 ) 
android:pivotX String 动画 相对 于 控件 的 

坐标 开始 位 置 , 取 值 | 50 闪 为 控件 的 x 或 y 坐 标 上 的 总 代理 位 置 

android:pivotY String 0~100% 


旋转 效果 Animation 示例 : 


<?xml version="1.0" encoding= "utf - 8"?> 
< set android: shareInterpolator = "false" 
xmlns:android= "http://schemas. android. com/apk/res/android"> 
<rotate 
android:fromDegrees= "0" 
android:toDegrees =" -45" 
android:pivotX= "50%" 
android:pivotY= "50 当 " 
android:duration = "10000"/> 
</set> 


显示 的 效果 如 图 4-10 所 示 。 


Be/ 


图 4-10 旋转 Animation 效果 示意 


电影 胶片 FrameAnimation 


如 果 是 在 Web 中 ,要 设置 一 张 gif 动态 图 片 非常 简单 ,就 跟 普通 的 图 片 无 异 。 但 是 在 
Android 里 面 就 不 行 了 (Android 没有 提供 官方 控件 ,但 是 有 第 三 方 控件 支持 ) ,我 们 需要 使 
用 Animation 来 一 张 一 张 地 播放 动态 图 片 。 也 就 是 说 我 们 需要 把 gif 动态 图 片 截 成 一 张 
张 , 然 后 再 一 张 一 张 地 切换 。 

anim_frame. xml 的 代码 如 下 : 


<?xml version="1.0" encoding= "UTF - 8"?> 
<animation— list android:oneshot = "false" 
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xmlns:android = "http://schemas. android. com/apk/res/android"> 

< item android:duration = "150" android:drawable = " (@drawable/frame_01"/> 
< item android:duration = "150" android:drawable = " (@drawable/frame_02"/> 
< item android:duration = "150" android:drawable = " (@drawable/frame_03"/> 
< item android:duration = "150" android:drawable = " (@drawable/frame_04"/> 
< item android:duration = "150" android:drawable = " (@drawable/frame_05"/> 
< item android:duration = "150" android:drawable = " (@drawable/frame_06"/> 
< item android:duration = "150" android:drawable = " (@drawable/frame_07"/> 

</animation- list> 


注意 : 这 个 xml 文件 不 能 放 在 anim 文件 夹 下 ,而 是 要 放 到 drawable 文件 夹 中 。 并 且 
开始 这 个 animation 的 方法 也 不 一 样 : 


public void frame(View v){ 
ImageView iv= (ImageView) findViewById(R. id. anim iv); 


2 iv. setImageResource(R. drawable. anim frame); 


AnimationDrawable animationDrawable = (AnimationDrawable) iv. getDrawable( ); 
animationDrawable. start(); 
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界面 实现 
这 个 应 用 的 界面 风格 为 简洁 的 蓝 白 配色 , 主 界面 如 图 4-11 所 示 。 


图 4-11 界面 效果 


上 | 它 的 布局 框架 为 一 个 线性 布局 ,里 面包 含 一 个 相对 布局 (导航 栏 ) 和 一 个 卡片 布局 
(列表 ) 
了 22 
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<LinearLayout 
android: layout width= "fill parent" 
android: layout height = "fill parent" 
android:orientation = "vertical" 


xmlns:android = "http://schemas. android. com/apk/res/android"> 
< RelativeLayout 
android: id= "@+ id/relativeLayout1" 
android: layout height ="55dip" 
android: layout width= "fill] parent" 
android:background = " (Qcolor/gray_tiny" > 
</RelativeLayout > 
< FrameLayout 
android:id="@+ id/activity_list_root" 
android: layout width= "fill parent" 
android: layout height = "fill_ parent" 
android: layout_below ="(@+ id/relativeLayout1" 
android: layout_alignParentLeft = "true" > 
</FrameLayout > 
</LinearLayout > 


编辑 日 程 也 是 同样 的 风格 ,如 图 4-12 所 示 。 


[Fm DJ4O249| 
编辑 日 程 


23:05 


读 金 刚 经 


解 空 第 一 须 车 捍 


3. 52052013 


取消 确定 
图 4-12 编辑 日 程 


导航 栏 之 下 是 一 个 传统 的 垂直 LinearLayout( 框 架 代码 ): 


<LinearLayout xmlns:android = "http://schemas. android. com/apk/res/android" 
android: layout width= "fill_ parent" 
android: layout height = "fill_ parent" 
android:gravity = "center” 
android:orientation= "vertical" > 
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人 二 
<RelativeLayout 
android:id= "@+ id/relativeLayout1" 


android: layout height = "55dip" 
android: layout width= "fill_ parent" 
android:background = " (@color/gray_tiny" > 


</RelativeLayout > 
<! -一 时 间 选 择 --> 
<LinearLayout 


android:layout width= "fill] parent" 
android:layout height = "wrap_content" 
android:gravity= "center" 
android:orientation= "horizontal" > 
</LinearLayout > 


<! 一 分 隔 线 一 -> 
< ImageView style= "(@style/divider"/> 


<! -一 标题 输入 -一 > 
< EditText 
android:id="@+ id/activity_edit_item title_et" 
style= " @style/input" 
android:layout_ height = "40dip" 
android:hint =" @string/hint title"> 
</EditText > 


< 一 -分 隔 线 -> 
< ImageView style="(@style/divider"/> 


<! -- 内 容 输入 --> 
< EditText 
android:id="(@+ iaVactirity_eait_item_content_et" 
style="(@style/input" 
android:1layout_height = "120dip" 
android:hint = " (@string/hint_content"> 
</EditText > 


所 一 分 隔 线 -> 
< ImageView style= "(@style/divider"/> 


<! -- 日 期 选择 --> 

< LinearLayout 
android:layout_width= "320dip" 
android:layout height = "60dip" 
android:gravity= "center" > 

</LinearLayout > 


二 全 按 俐 二 二 所 


副 <LinearLayout 
上 android: layout width= "fill_ parent" 
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android: layout height = "fill] parent" 
android:gravity= "bottom" > 
</LinearLayout > 


</LinearLayout > 

关于 里 面 两 个 列表 以 及 导航 栏 的 具体 实现 ,我 们 会 接 下 来 讲解 。 
导航 栏 的 实现 

主 界面 使 用 了 一 个 自 定义 的 导航 栏 , 如 图 4-13 所 示 。 


过 期 事件 。 # 先 


图 4-13 导航 栏 


这 一 部 分 的 布局 如 下 : 


<RelativeLayout 

android:id= "@+ id/relativeLayout1" 

android: layout_ height = "55dip" 

android: layout width= "fill_parent" 

android:background = " (Qcolor/gray_tiny" > 

<! -一 灰色 的 线 --> 

< ImageView 
android:id="@+ id/navi_line_iv" 
android:layout _ height = "5dip" 
android:layout width= "280dip" 
android:layout alignParentBottom= "true" 
android:src = " @color/gray_line" 

/> 

<! -- 蓝 色 导 航线 -一 > 

< ImageView 
android:id="(@+ id/navi_moving_line_iv" 
android:layout_height = "5dip" 
android:layout width= "100dip" 
android:layout alignParentBottom= "true" 
android:layout alignParentLeft = "true" 
android:layout marginLeft= "20dip" 
android:src = " @color/blue_light" 

/> 

<! -- 多 选 按钮 下 的 蓝 线 --> 

< ImageView 
android:id="@+ id/navi_muti_line_iv" 
android:layout_height = "5dip" 


android:layout width= "38dip" | 
android:layout alignParentBottom= "true" | 
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android:layout alignParentRight = "true" 
android:src = " (@color/blue_light" 

/> 

<! 一周 日 程 按 钮 多 

< Button 
android:id="@+id/title_memo_bt" 
style="(@style/navi_bar_text" 
android: textColor = " (color/blue" 
android: layout above ="@+id/navi_line_iv" 
android: layout alignParentLeft = "true" 

android:onClick = "clickWeekButton" 

android: text = " @string/title_memo"/> 

<! -- 过 期 事件 按钮 --> 

< Button 
android:id="@+ id/title_msg_bt" 
style="(@style/navi_bar_text" 
android: layout above =" @+ id/navi_line_iv" 
android: layout_toRightOf =" (@ + id/title_memo_bt" 
android:onClick = "clickMsgButton" 
android:text = " @string/title_msg_list"/> 

<! -- 多 选 按钮 -> 

< Button 
android:id="@+ id/activity_list_muti_bt" 
style=" @style/navi_muti_bt" 
android: layout above =" @+ id/navi_line_iv" 
android:text = " @string/title_search" 

/> 


</RelativeLayout > 


导航 栏 之 下 就 是 列表 主体 了 。 因 为 我 们 需要 在 两 个 不 同 列表 中 进行 切换 ,所 以 使 用 了 


一 个 FrameLayout: 


< FrameLayout 
android:id= "@+ id/activity_list_root" 
android: layout width="fill_parent" 
android: layout height = "fill_parent" 
android: layout above ="(@+ id/activity_list_move_1t" 
android: layout_ below="(@+ id/relativeLayout1" 
android: layout alignParentLeft= "true" > 


<! 一 过 期 事件 列表 (包含 隐藏 的 三 个 按钮 ) --> 

< RelativeLayout 
android:id="@+ id/activity_list_msg_1t" 
android:visibility= "gone" 
android:layout_ height = "fill_parent" 
android:layout width= "fill_ parent "> 


< edu. csu. icp. view. FlingFxpandListView 
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android:id= "@+ id/activity list msg_list" 

android: layout width= "fill parent" 

android: layout height = "fill parent" 

android:background = " (@drawable/list_selector™" 

android: listSelector = " (@drawable/list_selector" 

android: scrollbarThumbVertical = " (@drawable/ic _scroller" 

android:divider = " (@color/transparent" 

android:drawSelectorOnTop = "false" 

android: groupIndicator = " (@color/transparent "/> 

<! -一 按 下 多 选 按钮 后 ,弹出 三 个 选项 按钮 --> 

<LinearLayout 

android:id="@+ id/activity_list_move_1t" 

android: layout height = "45dip" 

android: layout width= "fill parent" 

android:visibility= "gone" 
android: layout alignParentBottom= "true"> 


< Button 
android:id= "(@+ id/activity_list_select all_bt" 
style="(@style/muti_select text" 
android: text =" @string/select _all"/> 


<Button 
android:id= "@+ id/activity_list_move_bt" 
style="@style/muti_select_text" 
android:text =" @string/move_msg"/> 


< Button 
android:id= "@+ id/activity_list_remove_bt" 
style="(@style/muti_select_text" 
android:text = " @string/remove_msg"/> 
</LinearLayout > 
</RelativeLayout > 


< ExpandableListView 

android:id="@+ id/activity_ list_week list" 

android: layout width="fill_ parent" 

android: layout height = "fill_parent" 

android: background = " (@drawable/list_selector" 

android:listSelector = " @drawable/list_selector" 

android: scrollbarThumbVertical = " @drawable/ic_scroller" 

android:divider = " (@color/transparent" 

android: drawSelectorOnTop= "false" 

android: groupIndicator = " (@color/transparent "/> 
</FrameLayout > 


切换 周 视图 和 过 期 日 程 : 
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public void clickMsgButton(View v){ 
/x 
* 如 果 现在 的 视图 不 是 过 期 日 程 
x*/ 
if(tabFlag != FLAG MSG){ 
// 还 原状 态 
msgListView. getMsgListView( ). onItemBack( ); 
msgListView. getMsgAdapter( ). onMutiDisappear( ); 
// 改 变 颜色 
weekBt. setTextColor( color grayLine); 
msgBt. setTextColor( color blue); 


// 开 始 移 动 蓝 色 导 航线 的 Animation 
movingLineIv. startAnimation(mSlidingLeftAnim); 
new Thread( ){ 
public void run( ){ 
try { 
sleep( SLIDE_DURATION ); 
} catch (InterruptedException e) { 
e. printStackTrace( ); 
} 
/x 
* 设置 蓝 色 导 航线 的 新 位 置 
* 将 状态 改变 为 过 期 日 程 
*/ 
handler. sendFmptyMessage( FLAG MSG); 
tabFlag = FLAG_ MSG; 
} 
}.start(); 


} 


public void clickWeekButton(View v){ 
if(tabFlag != FLAG_WEEK){ 
// 还 原状 态 
msgListView. getMsgListView( ). onItemBack( ); 
msgListView. getMsgAdapter( ). onMutiDisappear( ); 
// 改 变 颜 色 
msgBt. setTextColor(color grayLine); 
weekBt. setTextColor(color_ blue); 


// 开 始 移动 蓝 色 导 航线 的 Animation 
movingLineIv. startAnimation(mS]idingRightAnim); 
new Thread( ){ 
public void run(){ 
try { 
sleep( SLIDE_DURATION); 
} catch (InterruptedException e) { 
e. printStackTrace( ); 
} 


TODO 


pe 
* 设置 蓝 色 导 航线 的 新 位 置 
* 将 状态 改变 为 一 周 日 程 
*/ 
handler. sendFmptyMessage( FLAG WEEK ); 
tabFlag = FLAG_WEEK ; 
} 


}. start() 7 


private Handler handler = new Handler(){ 
(@Override 
public void handleMessage(Message msg){ 

Switch(msg. what ){ 

Case FLAG_WEEK : 
// 蓝 色 导 航线 的 位 置 
params. leftMargin = GAP_MOVING_LINE; 
// 切 换 视图 
weekListView. getView( ). setVisibility( View. VISIBLE ); 
msgListView. getView(). setVisibility( View. GONE ); 
// 重 新 注册 功能 键 (多 选 或 者 查询 ) 
weekListView. registerFunctionButton(funcBt); 
// 刷 新 周 视图 
weekListView. refreshView( ); 
// 更 新 布局 
rootLt. requestLayout( ); 
break; 

case FLAG_MSG: 
// 蓝 色 导 航线 的 位 置 
params. leftMargin = GAP_MOVING_LINE + LENGTH_NAVI_BT; 
// 切 换 视图 
weekListView. getView( ). setVisibility( View. GONE ); 
msgListView. getView(). setVisibility(View. VISIBLE ) ; 
// 重 新 注册 功能 键 (多 选 或 者 查询 ) 
msgListView. registerFunctionButton( funcBt); 
// 更 新 布局 
rootLt. requestLayout( ); 
break; 


} 

// 重 新 设置 蓝 色 导航 线 的 位 置 
movingLineIv. clearAnimation( ) ; 
movingLineIv. setLayoutParams( params); 


movingLineIv. invalidate( ); 


}; 
其 中 ,weekListView 和 msgListView 这 两 个 对 象 分 别 为 : 


private MsgListView msgListView; 
private WeekListView weekListView; 


上 上- 
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它们 是 封装 起 来 的 类 ,分 别 对 应 了 一 周 视图 (只 有 一 个 ExpandableListView) 和 过 期 事 
件 (ExpandableListView 以 及 按钮 ) 这 两 个 视图 。 


滑动 列表 的 实现 

滑动 列表 要 解决 好 几 个 问题 。 首 先 , 要 自己 通过 onTouch 事件 来 计算 用 户 触 摸 的 是 哪 
一 行 的 元 素 ; 接着 要 判断 用 户 是 否 是 真心 想 要 滑动 这 一 行 ,还 是 它 只 是 想 上 下 滑动 而 已 ; 
接 下 来 根据 触摸 的 位 置 滑动 某 一 行 , 手 指 离开 屏幕 ,播放 Animation, 如果 是 向 左 滑动 , 则 删 
除 这 一 行 ,让 下 面 的 所 有 行 滑动 上 来 ; 如 果 是 向 右 滑动 ,显示 删除 按钮 ,直到 按 这 个 按钮 才 
真正 删除 。 

首先 先 获取 ListView 子 元 素 的 高 度 : 


@Override 
public void onDraw (Canvas canvas){ 
super. onDraw( canvas); 
View v= FlingExpandListView. this. getChildAt (0); 
// 获 取 itenm 的 高 度 
if(v != null){ 
mChildHeight = v. getHeight(); 
} 
// 初 始 化 网 上 移动 的 Animation 
mSlideUpAnim = new TranslateAnimation(0,0,0, - mChildHeight); 
mSlideUpAnim. setFillAfter(true); 
mSlideUpAnim. setDuration( SLIDE DURATION ); 
} 


这 个 数据 在 ACTION_DOWN 中 判断 用 户 触 摸 的 是 哪个 元 素 至 关 重要 : 


@Override 
public boolean onTouch(View v, MotionEvent event) { 
// 如 果 此 时 需要 阻塞 操作 
if(mIsToBlock){ 
return false; 
} 
if(mChildHeight == 0){ 
return false; 
} 
int action = event. getAction(); 
float x = event. getX( ); 
float y= event. getY(); 
// 从 第 TOUCH_DOWN 到 现在 触摸 的 距离 
float offset = startX— x; 
switch(action){ 
case MotionEvent. ACTION_DONWN : 
// 记 录 开 始 的 坐标 
startX= x; 
startY= y; 
// 记 录 开 始 的 时 间 
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touchDownTime = System. currentTimeMillis(); 
// 获 取 第 1 行 的 view 
View view = getChildAt(0); 
if(view== nul11){ 
return false; 
bi 
/x 
* 非常 重要 !! 
* 因为 系统 会 计算 每 一 个 item, 不 管 它 有 多 小 
* 因此 ,我 要 先 减 1 然后 再 在 getChildPosition 中 加 1 
x*/ 
Y- =view.getBottom()—1; 
mChildPosition = getChildPosition( (int) y); 


// 如 果 触 摸 的 是 ListView 的 child, 则 不 滑动 
if(!isGroup (mChildPosition) ){ 

return skipMovingAction(); 
} 


几 个 关键 函数 的 定义 : 


/ xx 
* 获取 坐标 y 对 应 的 第 几 个 让 em 
* @param 了 
# @return 
x*/ 
private int getChildPosition( int y){ 
if(y<= 0){ 
return 0; 
1 
return y/mChildHeight +17 
} 
/xx 
x 判断 是 不 是 ExpandableListView 的 child 
x* (@ param position 
x* (@ return 
*/ 
private boolean isGroup( int position){ 
if(position == 0){ 
return true; 
} 
return !isGroupExpanded(position— 1); 
} 
/ xx 
# 跳 过 ACTION_MOVE, 重 置 数据 
关 @return 
x*/ 
private boolean skipMovingAction(){ 
mIsToSlide = false; 
timeCount = MAX_ TIME ; 
return true; 


坚 
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接 下 来 判断 用 户 是 左右 滑动 的 意图 还 是 上 下 滑动 的 意图 : 


case MotionEvent. ACTION MOVE : 
timeCount++; 
// 在 一 小 段 时 间 内 判断 是 否 左右 滑动 
if(timeCount == MAX_TIME ){ 
if(Math. abs (startY — y) < Math. abs(startX — x)){ 
/x 
* 左右 的 变化 量 大 于 上 下 的 变化 量 ,用 户 正 在 左右 滑动 ,可 以 滑动 
x* 同时 ,返回 true, 这 样 就 不 会 再 上 下 滑动 
a 
mIsToSlide = true; 
}else{ 
// 左 右 的 变化 量 小 于 上 下 的 变化 量 , 用 户 正在 上 下 滑动 ,不 可 滑动 
mIsToSlide = false; 


} 


继续 在 ACTION_MOVE 中 ,如 果 用 户 的 意图 为 左右 滑动 : 


if(mIsToSlide){ 


((MsgContentAdapter)F]ingExpandListView. this. getExpandableListAdapter()) 


.onMutiDisappear( ); 
if(mChildView== null){ 
// 触 摸 的 是 ListView 下 方 的 空白 区 域 , 无 操作 
if(mChildPosition > = FlingExpandListView. this. getChildCount()){ 
mIsToSlide = false; 
return mIsToSlide; 
} 
// 获 取 子 元 素 的 view 
mChildView = getChildAt(mChildPosition); 
; 
// 如 果 它 的 child 打开 了 ,那么 就 关闭 它 
if(FlingExpandListView. this. isGroupExpanded(mChildPosition)){ 
FlingExpandListView. this. collapseGroup(mChildPosition); 
} 
/x 
* 标题 要 长 
* 做 了 这 么 多 判断 ,其 实 滑动 的 代码 就 这 一 句 
*/ 
mChildView. scrollTo( (int) offset, 0); 
// 正 在 向 左 滑动 ,告诉 监听 器 
if(offset > 0 && leftSlideEnable){ 
if(onItemMovingListener != null){ 
onItemMovingListener. onItemMoving( FLAG_MOVING ); 
} 
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接 下 来 , 手 放 开 ,这 时 候 开始 判断 : 


if(mIsToSlide){ 


. 


float speed = offset/(System. currentTimeMillis() - touchDownTime); 
/x 
* 往 右 滑动 
i 
if(speed < 一 MAX_SPEED || offset <— MAX DISTANCE){ 
// 记 录 将 要 删除 的 一 行 (也 就 是 出 现 删除 按钮 的 那 一 行 ) 
mChildToRemovePosition = mChildPosition; 
// 开 始 滑动 了 ,屏蔽 触摸 动作 
blockAciton( ); 
// 往 右 滑动 ,删除 动作 的 开始 
slideRightwards (offset); 
flag = FLAG_REMOVE ; 
1 
i 
* 往 左 滑动 
*/ 
else if(speed> MAX_SPEED | | offset > MAX_DISTANCE){ 


// 开 始 滑动 了 ,屏蔽 触摸 动作 
blockAciton(); 

// 往 左 滑动 的 nimation 开始 
slideLeftwards(offset); 
flag= FLAG_MOVE; 


if(onItemMovingListener != null){ 
onItemMovingListener. onItemMoving( FLAG_MOVED ); 
} 
} 
1/ 关 
* 滑 回去 ( 见 (2)7) 
*/ 
elsef 
// 开 始 滑动 了 ,屏蔽 触摸 动作 
blockAciton(); 
slideBack(offset); 
// 告 诉 监听 器 
if(onItemMovingListener != null){ 
onItemMovingListener. onItemMoving( FLAG_CANCELED); 


所 谓 的 blockAction 也 就 是 将 mIsToBlock 置 为 true, 这 样 在 ACTON_DOWN 的 时 候 


马上 就 返回 false 不 会 有 之 后 的 操作 了 : 


el 
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private void unblockAciton( ){ 
mIsToBlock = false; 

private void blockAciton( ){ 
mIsToBlock = true; 


向 左 滑动 以 及 向 右 滑 动 的 代码 看 起 来 都 差不多 ,都 是 开始 Animation ,等 待 Animation 
完成 后 向 handler 发 送 消 息 : 


private void slideLeftwards(float offset){ 
TranslateAnimation slideLeftToAnim = new TranslateAnimation( 
0, - screenWidth + offset, 0,0); 
slideLeftToAnim. setFillAfter(true); 
slideLeftToAnim. setDuration( SLIDE_DURATION ) ; 
/x 
x*1. 开 始 animation 
*/ 
mChildView. startAnimation( slideLeftToAnim); 
new Thread( ){ 
public void run(){ 
/x 
*#* 2. 等 待 animation 的 完成 
x*/ 
try{ 
sleep( SLIDE_DURATION) ; 
} catch (InterruptedException e) { 
e.printStackTrace( ); 
} 
handler. sendEmptyMessage( WHAT_MOVE_DONE ); 
L 
}. start(); 
private void slideRightwards(float offset){ 
TranslateAnimation slideRightToAnim = new TranslateAnimation( 
0, screenWidth+ offset ~- OFFSET_REMOVE ,0, 0); 
slideRightToAnim. setFillAfter(true); 
slideRightToAnim. setDuration( SLIDE_DURATION ); 
/x 
x*1. 开 始 animation 
x/ 
mChildView. startAnimation( slideRightToAnim); 
new Thread( ){ 
public void run(){ 
/x 
* 2. 等 待 animation 的 完成 
eg 
try{ 
sleep( SLIDE DURATION); 
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} catch (InterruptedException e) { 
e.printStackTrace( ); 
} 


/x 
x* 3. 显示 删除 图 标 ( 见 4) 
A 
handler. sendEmptyMessage( WHAT_REMOVE_DONE ); 
} 
}.start(); 


' 


handler 的 处 理 , 如 果 是 WHAT_REMOVE_DONE 那 还 简单 ,只 要 显示 删除 按钮 就 可 
以 了 : 


private Handler handler = new Handler(){ 
@Override 
public void handleMessage( Message msg){ 
Switch(msg. what ){ 
case WHAT_REMOVE_DONE: 
unblockAciton(); 
/x 
*#* 4. 显 示 删 除 按钮 ( 见 5) 
*/ 
showCloseIcon(); 
break; 
case WHAT_MOVE _DONE : 
unblockAciton(); 
onListViewBack( ); 
break; 


} 
jy 
private void showCloseIcon( ){ 
/% 
*5, 显示 删除 按钮 
x 删除 动作 走 了 一 半 
x 下 一 步 为 6 
x 因为 有 两 种 不 同 的 操作 (删除 或 取消 ), 所 以 接 下 来 会 有 "(1)" 或 "(2)" 这 样 的 标记 , 比如 "(1)6" 
a 
mChildView. clearAnimation( ); 
mChildView. scrollTo( OFFSET_REMOVE — screenWidth, 0); 
setChildCloseVisibility(View. VISIBLE ); 
} 


但 如 果 是 WHAT_MOVE_DONE. 那 就 要 进行 下 一 个 Animation: 把 下 面 的 元 素 往 上 
移动 ,同时 等 待 Animation 结束 后 ,再 发 消息 给 handler .移动 元 素 : 


private void onListViewBack( ){ 
H¥ 


LL 
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*3. 下 面 的 元 素 开 始 往 上 移动 
关 / 
for(int i= mChildPosition+ 1; i<this.getChildCount(); i++){ 
View view = this.getChildAt(i); 
view. startAnimation(mSlideUpAnim); 
} 
/x 
x 4.animation 结束 后 ,移动 元 素 ( 见 5) 
x*/ 
new Thread( ){ 
public void run(){ 
try{ 
sleep (SLIDE_ DURATION); 
} catch (InterruptedFException e) { 
e.printStackTrace( ); 
} 
handler. sendEmptyMessage( WHAT_RETURN ) ; 


2 } 
}. start(); 


handler 的 相应 处 理 以 及 相关 函数 : 


case WHAT_RETURN: 
‘unblockAciton( ); 
/x 
* 5. 清除 animation 同时 删除 item 
x*/ 
clearAnimationsBelow( ); 
// 告 诉 监听 器 
if(onItemRemoveListener != null){ 
onItemRemoveListener. onItemRemove(getChildAbsolutePosition( ), flag); 
} 
/x 
* 6. 让 原来 删除 的 元 素 回去 
*/ 
returnViewInDeletedPosition(); 
/x 
x*7. 搞 定 
*/ 
recycleChildView(); 
break; 


// 相 关 函 数 
private void clearanimationsBelow(){ 
for(int i= mChildPosition; i<this.getChildCount(); i++){ 
View view = this.getChildAt(i); 
View. clearAnimation(); 
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private void returnViewInDeletedPosition(){ 
View viewInDeletedPosition = this.getChildAt(mChildPosition); 
ViewInDeletedPosition. scrollTo(0,0); 
viewInDeletedPosition. invalidate( ) ; 
8 
private void recycleChildView(){ 
mChildView = null; 
》 
private int getChildAbsolutePosition(){ 
/x 
x 因为 给 每 个 位 置 上 的 iten 都 设置 了 id, 所 以 id 就 是 绝对 位 置 
x*/ 
return mChildView. getId(); 
} 


需要 在 adapter 中 设置 每 个 位 置 上 的 item 的 id: 


@Override 
public View getGroupView(final int groupPosition, boolean isExpanded, 
View convertView, ViewGroup parent) { 
// 省 略 代码 
convertView. setId(groupPosition); 
return convertView; 


} 


到 此 为 止 ,移动 的 动作 完成 了 ,但 是 删除 的 动作 才 完 成 一 半 。 接 下 来 ,如 果 有 元 素 已 经 
进入 “ 待 删除 ”状态 (显示 了 删除 按钮 ) ,那么 就 要 进行 下 一 轮 的 判断 。 
在 ACTION_DOWN 中 : 


//(1)6 如 果 有 等 待 删除 的 item 且 用 户 正 在 单 击 删除 按钮 , 跳 过 ACTION_MOVE 
if(mChildToRemovePosition == mChildPosition){ 
return skipMovingAction( ); 
上 
je 
* (2)6 如 果 有 等 待 删除 的 item 但 是 用 户 没有 单 击 删除 按钮 , 跳 过 ACTION_MOVE 
x 同时 滑动 回去 ( 见 (2)7) 
*/ 
else if(mChildToRemovePosition != NULL_POSITION){ 
slideBack(offset); 
return skipMovingAction( ); 
} 


滑 回去 的 操作 跟 之 前 的 大 同 小 异 , 也 是 播放 Animation ,然后 让 handler 善后 : 


private void slideBack(float offset){ 
/¥ 
x* (2)7 开始 animation 同时 删除 按钮 消失 
x i 
TranslateAnimation slideLeftBackAnim = new TranslateAnimation(0, offset, 0,0); 
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slideLeftBackAnim. setFillAfter(true); 
slideLeftBackAnim. setDuration( SLIDE DURATION); 
setChildCloseVisibility(View. GONE ); 
mChildView. startAnimation( slideLeftBackAnim); 
new Thread( ){ 
public void run(){ 
try{ 
sleep( SLIDE DURATION); 
} catch (InterruptedException e) { 
e.printStackTrace( ); 
} 
/x 
x (2)8 滑 回来 ( 见 (2)9) 
x*/ 
handler. sendEmptyMessage( WHAT REMOVE _BACK); 


}. start(); 


2 } 
private void setChildCloseVisibility(int v){ 


ImageView closeIv = (ImageView) 
mChildView. findViewById(R. id. 1ist_msg_close_ir); 
closeIv. setVisibility(v); 


handler 的 代码 : 


Case WHAT_REMOVE_BACK: 
‘unblockAciton( ); 
/* 
x (2)9 所 有 的 itenm 都 返回 
*¥/ 
putChildViewBack( ); 
/* 
x (2)10 回收 child 
x*/ 
recycleChildView(); 
break; 


接 下 来 ,在 ACTION_UP 中 判断 是 不 是 按 了 这 个 删除 按钮 : 


/¥ 
x* (1)7 按 下 删除 按钮 
x*/ 
if(mChildToRemovePosition== mChildPosition){ 
if(x> screenWidth— OFFSET REMOVE){ 
/x 
x (1)7(1) 按 下 删除 按钮 
* 先 隐藏 这 一 行 以 及 删除 按钮 (实际 上 隐藏 的 是 下 面 一 行 的 删除 按钮 ) 
关 光 


| 到 mChildView. scrollTo( - screenWidth, 0); 
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setChildCloseVisibility(View. GONE ) ; 
/# 
x* (1)8 让 下 面 的 行 向 上 滑动 (参照 (1)9) 
关 / 
onListViewBack( ); 
Jelse{ 
/x 
* (1)7(2) 单 击 空白 区 域 , 滑 回来 
* 跟 (2)6 一 样 
A 
slideBack( OFFSET REMOVE - screenWidth); 
1 
recycleChildToRemove( ); 
reset( ); 
return true; 
} 
/x 
* (1)7x 没有 单 击 删除 按钮 
wh 
else if(mChildToRemovePosition != NULL POSITION){ 
recycleChildToRemove( ); 
reset( ); 
return true; 


} 


// 相 关 函 数 
private void recycleChildToRemove( ){ 
mChildToRemovePosition= NULL_POSITION; 
} 
private void reset(){ 
mIsToSlide= false; 
timeCount = 0; 


一 周 日 程 的 实现 


一 周 日 程 使 用 了 常规 的 ExpandableListView, 但 又 不 是 那么 常规 ,因为 当 collapse 的 时 
候 , 它 的 视图 如 图 4-14 所 示 。 
而 当 一 个 列表 打开 时 ,列表 如 图 4-15 所 示 。 


20。 GE | 


图 4-14 列表 关闭 图 4-15 列表 打开 


这 样 的 效果 跟前 面 切换 一 周 日 程 和 过 期 事件 的 过 程 类 似 , 也 是 通过 重 本 设置 两 个 
View ,然后 切换 设置 visibility 的 方式 来 进行 的 。 
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对 应 的 layout 为 : 


<! -- 用 于 展开 后 显示 日 程 的 布局 ,关闭 时 为 invisible --> 
<RelativeLayout 

android: id="@+ id/event parent content_1t" 

android: layout width= "wrap_content" 

android: layout height = "wrap_content" 

android:visibility = "invisible" 

android: layout marginLeft = "8dip" 

android: layout toLeftOf ="(@+ id/event parent expand_iv" 

android: layout toRightOf =" @+ id/line"> 


< TextView 
android:id="(@+ id/event_parent _ time_tv" 
android:layout width= "wrap_content" 
android:layout height = "wrap_content" 
android:layout marginLeft = "8dip" 
android:text = " @string/week_time" 
android:textColor = " (@color/gray" 
android:textSize = "35dip"/> 


<TextView 

android:id="(@+ id/event_parent_content_tv" 
android:layout width= "wrap_content" 
android:layout_ height = "wrap_content" 
android:layout marginLeft = "2dip" 
android:layout alignLeft ="(@+ id/event_parent tinme_tv" 
android:layout below="(@+ id/event_ parent time_tv" 
android:text = " @string/week_content" 
android:maxLines= "1" 
android:textColor = " (@color/gray" 
android:textSize= "17dip"/> 

</RelativeLayout > 


<! -- 用 于 展开 后 显示 日 程 的 布局 --> 
<LinearLayout 
android:id= "@+ id/event_parent_button_1t" 
android: layout width= "wrap_content" 
android: layout height = "wrap_content" 
android: layout_ alignBottom= "(@+ id/event_parent_content_1t" 
android: layout alignRight =" @+ id/event_parent_content_1t" 
android: layout alignParentTop= "true" 
android: layout_ marginLeft = "8dip" 
android: layout_ toRightOf = " (@ + id/line" 
android:gravity = "right | bottomn" > 
到 二 = 个 数 图 片 三 和 
< ImageView 
android:id ="@+ id/event parent figure_iv" 
android:focusable = "false" 


| 副 android:layout width= "wrap_content" 
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android:layout height = "wrap_content" 
android:background = " @drawable/ic_0" 


/> 
<! 一 增加 按钮 -一 > 
< ImageButton 


android:id="@+ id/event_parent_add_iv" 
android:focusable = "false" 
android:layout width= "wrap_content" 
android:layout height = "wrap_content" 
android:background = " (@drawable/ic_add" 
/> 
</LinearLayout > 


在 adapter 中 添加 相应 的 代码 。 由 于 ListView 回收 View 特性 的 缘故 ,我 们 必须 得 使 
用 一 个 额外 的 数据 来 存放 已 打开 的 行 : 


private HashSet < Integer > expandedGroup; 


并 通过 按钮 的 单 击 事件 来 加 入 到 这 个 HashSet 中 : 


@Override 
public View getGroupView(final int groupPosition, boolean isExpanded, 
View convertView, ViewGroup parent) { 
Log. e("getGroupView", groupPosition+ ""); 
final GroupViewHolder holder; 
if(convertView == null){ 
// 省 略 代码 
}else{ 
holder = (GroupViewHolder)convertView. getTag( ); 
} 
// 设 置 按钮 监听 器 
setButtonsListener(holder, groupPosition); 
// 设 置 是 否 展开 列表 
setExpandedGroup(holder, groupPosition); 


// 又 省 略 代码 
BB 


private void setButtonsListener(GroupViewHolder holder,final int groupPosition){ 


OnClickListener clickListener = new OnClickListener(){ 
@Override 
public void onClick (View v) { 
WeekTimeVo vo = (WeekTimeVo) group. get (groupPosition); 
if(vo. getEvents(). size() ==0){ 
return; 
} 
if(listView. isGroupExpanded( groupPosition)){ 
expandedGroup. remove( groupPosition); 
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}else{ 

expandedGroup. add( groupPosition); 
} 
listView. invalidateViews( ); 


}; 
/xx 
* 单 击 指示 器 打开 /关闭 
x*/ 
holder. expand. setOnClickListener(clickListener); 
/x 
x 单 击 空白 打开 /关闭 
x*/ 
holder. buttonLt. setOnClickListener(clickListener); 
// 继 续 省 略 代码 


2 再 判断 某 一 行 标记 为 打开 或 者 关闭 : 


Private void setExpandedGroup(GroupViewHolder holder, final int groupPosition){ 
// 如 果 已 经 打开 了 就 关闭 
if(expandedGroup. contains( groupPosition) ){ 
holder. contentLt. setVisibility(View. VISIBLE ); 
holder. buttonLt. setVisibility(View. INVISIBLE); 
holder. expand. setBackgroundDrawable( 
res. getDrawable(R. drawable. ic_collapse )); 

listView. expandGroup( groupPosition); 

} 

// 如 果 关 闭 了 就 打开 

else{ 
holder. contentLt. setVisibility(View. INVISIBLE ) ; 
holder. buttonLt. setVisibility(View. VISIBLE); 
holder. expand. setBackgroundDrawable( 

res. getDrawable(R. drawable. ic_expand ) ); 

listView. collapseGroup( groupPosition); 


chapter 第 五 章 旋转 控件 | 是 


用 SurfaceView 自制 起 米 控 件 


清单 
Demo 代码 : 


\demo\Demo SurfaceView 
\demo\Demo FloatView 


实例 代码 : 


\source codes\SpinWidget 
Nsource_codesNClock 


Target SDK: 


Android 2.1 


第 一 节 产品 介绍 


Android 自 带 的 控件 基本 上 可 以 满足 我 们 的 使 用 。 但 是 在 某 些 情况 下 为 了 提升 用 户 体 
验 ,我 们 需要 自己 设计 一 个 特定 的 控件 。 在 正常 情况 下 ,控件 缩放 于 左下 角 。 单 击 按钮 后 ， 
菜单 按钮 会 全 部 弹出 ,如 图 5-1 所 示 。 


5-1 菜单 
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* 别 


第 二 节 


Android 的 游戏 开发 ,几乎 都 是 使 用 SurfaceView。 相 比 于 View,SurfaceView 的 优点 


在 于 速度 快 ,速度 快 ,速度 快 


画图 专用 SurfaceView 


总 之 就 是 速度 快 。SurfaceView 一 般 包括 几 个 部 分 : 用 于 


控制 绘图 的 线程 ,触摸 事件 ,以 及 初始 化 创建 函数 。 它 的 一 般 框架 为 : 


public class ViewFrame extends SurfaceView implements 


SurfaceHolder. Callback, View. OnTouchListener, Runnable{ 


public ViewFrame(Context context, AttributeSet attrs) { 
super(context,attrs); 
// 构 造 函 数 

} 


@Override 

public boolean onTouch(View v, MotionEvent event) { 
// 触 摸 事 件 
return false; 


} 


@Override 

public void surfaceCreated( SurfaceHolder holder) { 
//SurfaceView 被 创建 的 初始 化 操作 

} 


@Override 
public void surfaceChanged( SurfaceHolder holder, int format, int width, 
int height) { 
//SurfaceView 被 改变 的 操作 
} 


@Override 

public void surfaceDestroyed(SurfaceHolder holder) { 
//SurfaceView 被 销毁 的 初始 化 操作 

} 


@Override 

public void run() { 
// 画 图 线程 

} 


} 


使 用 SurfaceView 的 过 程 一 般 如 下 。 
(1) 获取 SurfaceHolder 并 添加 回调 函数 : 
SurfaceHolder 在 SurfaceView 中 很 重要 , 它 是 SurfaceView 的 控制 器 ,通过 Surfaceview. 
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getHolder() 来 获得 。 使 用 SurfaceView 有 一 个 原则 ,所 有 的 绘图 工作 必须 得 在 Surface 被 创 
建 之 后 才能 开始 ,而 在 Surface 被 销毁 之 前 必须 结束 。SurfaceCreated 和 SurfaceDestroyed 
就 形成 绘图 处 理 的 边界 。 在 这 个 区 间 以 外 绘图 就 会 报 空 指针 异常 ,这 是 所 有 新 学 者 都 会 遇 
到 的 问题 。 一 般 来 说 ,在 使 用 SurfaceHolder. lockCanvas() 这 个 方法 返回 空 都 是 这 个 原因 。 


// 添 加 回调 函数 
SurfaceHolder holder = this. getHolder( ); 
holder.addCallback(this); 


(2) 获取 画布 绘图、 提交 画布 : 


// 获 取 画 布 ,锁定 画布 
Canvas canvas = holder. lockCanvas( ); 


/¥ 


* 在 画布 上 绘图 
# 绘图 的 动作 要 在 SurfaceHolder. lockCanvas( ) 和 


*/ 


SurfaceHolder. unlockCanvasAndPost(canvas) 之 间 进 行 


canvas. drawBitmap( bm, 0,0, null1); 


// 提 交 画 布 
holder. unlockCanvasAndPost (canvas); 


最 简单 的 SurfaceView 


我 们 从 最 简单 的 例子 开始 。 这 是 一 个 绘制 一 个 图 形 的 SurfaceView。 


public class BasicView extends SurfaceView implements SurfaceHolder. Callback{ 


// 待 绘制 的 位 
Private Bitmap bm; 


public BasicView(Context context, AttributeSet attrs) { 


1 


super(context,attrs); 


// 获 取 位 

bm = BitmapFactory. decodeResource( context. getResources(), 
R. drawable. ic_launcher); 

// 添 加 回调 函数 

SurfaceHolder holder = this. getHolder(); 

holder. addCallback(this); 


// 设 置 为 窗 体 的 最 高 层 
setZOrderOnTop( true); 
// 设 置 透明 格式 
holder. setFormat (PixelFormat. TRANSLUCENT); 


@Override 


: 坚 
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public void surfaceCreated( SurfaceHolder holder) { 
// 回 调 函 数 , 当 SurfaceView 初始 化 时 调用 这 个 函数 ,绘制 图 像 


// 获 取 画 布 ,锁定 画布 
Canvas canvas = holder. lockCanvas(); 
/x 
* 在 画布 上 绘 
* 绘图 的 动作 要 在 SurfaceHolder. lockCanvas() 和 
x SurfaceHolder. unlockCanvasAndPost(canvas) 之 间 进 行 
x*/ 
canvas. drawBitmap(bm, 0,0,nul1); 
// 提 交 画 布 
holder. unlockCanvasAndPost( canvas); 


@Override 

public void surfaceChanged( SurfaceHolder holder, int format, int width, 
int height) { 

} 


(@Override 
public void surfaceDestroyed(SurfaceHolder holder) { 
} 


Activity 的 代码 非常 简单 ,只 指定 了 布局 文件 : 
public class BasicActivity extends Activity { 


@Override 
public void onCreate(Bundle savedInstanceState) { 
super. onCreate( savedInstanceState); 
setContentView(R. layout. activity_basic); 


布局 文件 : 


< RelativeLayout xmlns:android = "http://schemas. android. com/apk/res/android" 
xmlns:tools ="http://schemas. android. com/tools" 
android: layout width="fill parent" 
android:layout height = "fill parent"> 


< com. example. demo_surfaceview. view. BasicView 
android: layout width= "fill_parent" 
android: layout height = "fill_parent"/> 
</RelativeLayout > 


在 接 下 来 的 几 节 中 ,Activity 的 代码 都 是 设 定 了 相应 的 布局 文件 ,布局 文件 也 都 是 设 定 
应 的 控件 ,因此 不 再 更 述 。 
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SurfaceView 绘图 机 制 
为 了 理解 好 SurfaceView 的 绘图 机 制 . 我 做 了 一 个 小 例子 ,如 图 5-2 所 示 。 


[A O14:58 | 
0 
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图 5-2 SurfaceView 的 一 个 测试 实例 


每 次 单 击 按钮 ,SurfaceView 都 会 调用 一 次 绘图 的 方法 : 
public class TestActivity extends Activity { 


private TestSurfaceView view; 
Private int i=1; 


@Override 

public void onCreate(Bundle savedInstanceState) { 
super. onCreate( savedInstanceState) ; 

setContentView(R. layout. activity_test ); 


view= (TestSurfaceView) findViewById(R. id. test); 
} 
// 按 下 按钮 时 的 事件 
public void click(View v){ 
View. draw (i++); 


b 
; 


这 张 SurfaceView 的 代码 如 下 : 
public class TestSurfaceView extends BasicView { 


// 画 笔 
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private Paint paint = new Paint(); 


public TestSurfaceView(Context context, AttributeSet attrs) { 
super(context,attrs); 
paint. setTextSize(50); 
paint. setColor(context. getResources().getColor(R. color. blue ) ); 
} 


@Override 

public void surfaceCreated( SurfaceHolder holder) { 
draw( 0); 

} 


/xx 
* 绘制 数字 
* @param i 数字 
*/ 
public void draw(int i){ 
draw( (i+2) * 20, (i+2) * 20,1); 
} 


private void draw(float x,float y, int i){ 
Canvas canvas = mHolder. lockCanvas( ); 
// 绘 制 数字 
canvas. drawText (i+"",x,y,paint); 
mHolder. unlockCanvasAndPost (canvas); 


* 十 


按照 常理 来 说 ,第 0 次 单 击 按钮 (surfaceCreated) 时 ,画布 上 画 出 0; 第 1 次 单 击 按钮 
时 ,由 于 没有 清空 原来 画布 的 内 容 , 因 此 画布 上 会 画 出 0 和 1, 第 2 次 画 出 0.1.2、… 以 此 
但 实际 上 并 没有 达到 预期 的 效果 ,如 图 5-3 所 示 。 


第 1 块 画布 第 2 块 ”第 3 块 


图 5-3 SurfaceView 测试 结果 
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这 是 


因为 SurfaceView 在 绘图 的 时 候 使 用 了 三 块 画布 轮流 绘图 的 机 制 ( 在 早期 的 


Android 版 本 中 ,使 用 的 是 两 块 画布 )。 这 样 做 的 目的 是 通过 牺牲 内 存 来 提高 显示 性 能 。 


第 三 节 ”OnTouchListener 详解 


初 控 OnTouchListener 


View 这 个 类 一 个 重要 的 监听 器 就 是 OnTouchListener, 它 能 监听 所 有 在 这 个 View 上 
的 触摸 事件 ,包括 触摸 坐标 ,行为 .触摸 点 数 甚至 触摸 压力 。 一 个 TouchListener 事件 一 般 
都 会 需要 这 样 几 个 信息 : x 坐标 ,y 坐标 ,行为 (第 一 次 触摸 ,移动 、 松 开 ) ,如 : 


View view = (View) findViewById(R. id. touch); 

view. setOnTouchListener(new OnTouchListener() { 
@Override 
public boolean onTouch(View view, MotionEvent event) { 


D); 


// 触 摸 事 件 发 生 的 x 相对 坐标 
float x= event. getX(); 
// 触 摸 事 件 发 生 的 x 绝对 坐标 (相对 于 整个 屏幕 ) 
float rawX = event. getRawX( ); 
// 触 摸 事 件 发 生 的 了 Y 相 对 坐标 
float y= event. getY(); 
// 触 摸 事 件 发 生 的 Y 绝 对 坐标 (相对 于 整个 屏幕 ) 
float rawY = event. getRawY( ) 7 
// 获 取 事 件 行为 
int action = event. getAction(); 
switch(action){ 
// 手 指 刚 触 摸 屏幕 
case MotionEvent. ACTION_ DOWN: 
break; 
// 手 指 松 开 
case MotionEvent. ACTION_UP: 
break; 
// 移 动 
case MotionEvent. RCTION_MOVE: 
break; 
b 
/x 
* 当 返 回 false 时 ,将 不 会 接收 ACTION_MOVE 跟 ACTION_UP 事件 
x/ 
return true; 
} 


坐标 x,y 跟 坐标 rawX,rawY 的 区 别 在 于 ,前 者 是 在 view 上 面 的 坐标 ,而 后 者 是 在 整个 
界面 上 的 坐标 。 如 图 5-4 所 示 ,触摸 图 中 图 标 时 .x 与 y 的 值 为 3,14, 而 rawX 与 rawY 的 值 


为 195 ,385。 


el 
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图 5-4 OnTouchListener 的 一 个 例子 


实例 :; 触摸 绘图 
接 下 来 我 们 来 实现 图 形 随 着 手指 的 移动 而 移动 的 例子 。 
public class TouchView extends BasicView implements View. OnTouchListener{ 


private Rect imgRect = new Rect() ; 
private boolean isToDraw = false; 
private float offsetX; 
private float offsetY; 


public TouchView(Context context, AttributeSet attrs) { 
super(context,attrs); 
// 添 加 触摸 事件 
setOnTouchListener(this); 

} 


@Override 

public void surfaceCreated( SurfaceHolder holder) { 
draw( 0,0); 

} 


protected void draw(float x, float y){ 
saveRect( (int)x, (int)y); 
Canvas canvas = mHolder. lockCanvas( ); 
// 清 空 原来 的 图 像 
canvas. drawColor (Color. TRANSPARENT, Mode.CLEAR ); 
canvas. drawBitmap(bm, x, y, nul11); 
mHolder. unlockCanvasAndPost( canvas); 
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/ xx 
* 保存 图 形 的 位 置 
x (四 param x 
* @param y 
*/ 
protected void saveRect(int x, int y){ 
imgRect. left = x; 
imgRect. top= y; 
imgRect. right = x+ bm. getWidth(); 
imgRect. bottom = y+ bm. getHeight(); 


@Override 
public boolean onTouch(View v, MotionEvent event) { 
float x= event. getX(); 
float y= event.getY(); 
switch(event. getAction()){ 
case MotionEvent. ACTION_DONWN: 
// 触 摸 点 是 否 落 在 图 形 之 内 
if( imgRect. contains( (int)x, (int)y)){ 
offsetX= x— imgRect. left; 
offsetY = y— imgRect. top; 
isToDraw = true; 
} 
break; 
case MotionEvent. ACTION_MOVE : 
if(isToDraw){ 
draw(x— offsetX,y — offset¥Y); 
| 
break; 
case MotionEvent. ACTION_UP: 
isToDraw = false; 
break; 
} 
return true; 


区 域 绘图 
在 绘制 图 形 的 时 候 , 对 特定 的 区 域 进行 绘图 ,不 需要 对 整个 区 域 刷新 。 
public class EnhancedTouchView extends TouchViewf 
public EnhancedTouchView( Context context,RttributeSet attrs) { 


super(context,attrs); 


private float beforeX; 
private float beforeY; 
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@Override 
protected void draw(float x, float y){ 


. 


SaveRect( (int)x, (int)y); 


// 按 区 域 进 行 刷新 
Rect rect = getDrawingRect (x, y); 
Canvas canvas = mHolder. lockCanvas( rect ); 


canvas. drawColor (Color. TRANSPARENT, Mode. CLEAR ); 
canvas. drawBitmap(bm, x, y, nul11); 
mHolder. unlockCanvasAndPost (canvas); 


// 保 存 之 前 的 绘图 坐标 
beforeX = x; 
beforeY = y; 


/ xx 


* 获取 需要 绘图 的 Rect 
* (四 param x 
* @param y 
# @return 


*/ 


private Rect getDrawingRect(float x, float y){ 


Rect rect = new Rect(); 
rect. left = (int) Math. min (beforeX, x); 
rect. top= (int) Math. min (beforeY, y); 


rect. right = (int) Math. max (beforeX, x) + bm. getWidth( ); 
rect. bottom = (int) Math. max (beforeY, y) + bm. getHeight( ); 


return rect; 


轨迹 绘图 


接 下 来 实现 的 功能 ,让 图 标 跟随 手指 移动 的 同时 , 沿 着 一 个 特定 轨迹 移动 。 这 个 特定 轨 


迹 为 以 屏幕 正中 心 为 中 心 点 的 圆 。 
因此 我 们 在 进行 坐标 的 计算 时 要 进行 多 次 转换 : 
(1) 正常 坐标 系 : 绝对 坐标 AbsolutePoint。 


(2) 以 屏幕 中 心 为 原点 的 坐标 系 : 相对 坐标 RelativePoint 。 
(3) 绘图 坐标 : ResultPoint。 


这 些 坐 标的 计算 操作 都 封装 在 SinglePointManager 中 。SinglePointManager 的 全 局 变 


量 和 构造 函数 为 : 


// 圆 周 半径 
protected float r; 


// 圆 心 坐标 


旋转 控件 


protected float rx; 
protected float ry; 


// 图 标 宽度 
protected float iconWidth; 


/xx 
x @paramr 圆 的 半径 
* (@param rx 圆心 坐标 x 
* @param ry 圆心 坐标 Y 
x (@param iconWidth 图 片 的 宽度 
*/ 
public SinglePointManager(float r, float rx, float ry, float iconWidth) 
E 
this.r=r; 
this. rx= rx; 
this.ry= ry; 
this. iconWidth = iconWidth; 
} 


如 图 5-5 所 示 , 在 图 中 有 三 个 点 A、B.C, 其 中 A 是 手指 的 位 置 ,C 是 图 形 的 绘图 位 置 


(图 形 的 左上 角 ) ,坐标 中 心 的 数值 表示 AC 与 y 轴 正 半 轴 的 角度 。 
为 了 得 到 点 C 的 确切 位 置 , 要 经 过 以 下 几 个 步骤 。 


(1) 首先 ,由 于 系统 的 坐标 系 以 屏幕 左上 和 角 为 中 心 , 所 以 要 先 对 坐标 系 进行 转换 ,将 坐 


标 系 转换 成 以 中 心 为 圆心 的 坐标 系 ,以 便 计算 ,如 图 5-6 所 示 。 
[1524| 


A 


VY 


图 5-5 绘图 示意 图 5-6 原始 坐标 系 ( 左 图 ) 和 转换 后 的 坐标 系 


Point relativePoint = getRelativePointBYRbsolutePoint(p); 
/ xx 
* @param Pp 绝对 坐标 


I | 


SR 


晶 
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x @return 相对 坐标 
*/ 
protected Point getRelativePointByAbsolutePoint(Point p) 
return new Point(p.getX() - rx,ry- p.getY()); 
| 


(2) 计算 AC 与 y 轴 正 半 轴 的 角度 : 


// 根 据 绝对 坐标 获取 在 相对 坐标 下 与 Y 轴 正 半 轴 的 夹 角 
float angle = gethngleBYRelativePoint(relativePoint); 
// 当 角度 为 2PI 时 , 取 零 
if(Math. abs(angle —- 2 * Math. PI) <= 0.01){ 
angle = 0; 
} 
/xx 
* 获取 在 相对 坐标 系 下 该 点 与 圆心 连 线 和 Y 轴 正 半 轴 所 成 的 角度 
* @param pt 相对 坐标 
x @return 
*/ 
protected float getAngleByRelativePoint(Point pt){ 
float angle = (float) Math. abs (Math. atan (pt. getX( )/pt. getY())); 
// 获 取 坐 标的 象限 
switch(getQuadrant (pt) ){ 
case 4: 
angle= (float) (Math. PI - angle); 
break; 
Case 3: 
angle+ = Math. PI; 
break; 
case 2: 
angle= (float) (Math. PI x 2 — angle); 
break; 
} 
return angle; 


(3) 计算 点 C 在 相对 坐标 系 中 的 坐标 ， 


relativePoint = new Point(FloatMath. sin(angle) x r, FloatMath. cos(angle) x r); 


(4) 转换 坐标 系 : 


Point absolutePoint = getAbsolutePointByRelativePoint (pointInCenterAxis); 
/x 

% 

x @param p 相对 坐标 

* @return 绝对 坐标 

*/ 
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而 


protected Point getAbsolutePointByRelativePoint(Point p) 
{ 

return new Point(p.getX() + rx,ry— Pp.getY()); 
} 


(5) 返回 点 B 的 位 置 : 


Point resultPoint = getIconPoint(absolutePoint, true); 
/xx 
* 四 param p 
x @param isAbsolute 是 相对 坐标 还 是 绝对 坐标 
x @return 图 标的 绘图 坐标 
*/ 
protected Point getIconPoint(Point p, boolean isAbsolute) 
E 
float retX= 0; 
float retY= 0; 
if(isAbsolute){ 
retX= p. getX() - iconWidth/2; 
retY= p. getY() - iconWidth/2; 
}else{ 
retX= p. getX() - iconWidth/2; 
retY= p. getY() + iconWidth/2; 
} 


return new Point (retX, retY) ; 


因此 ,我 们 只 要 再 调用 一 个 方法 就 可 以 将 触摸 的 坐标 转换 成 绘图 坐标 。 


/ xx 

x @paranm p 绝对 坐标 下 的 触摸 坐标 

* @return 绘图 坐标 

x*/ 

public Point getResultPointByAbsolutePoint (Point p){ 
// 将 绝对 坐标 转换 成 相对 坐标 
Point relativePoint = getRelativePointByAbsolutePoint(p); 
// 根 据 绝 对 坐标 获取 在 相对 坐标 下 与 了 Y 轴 正 半 轴 的 夹 角 
float angle = getAngleByRelativePoint(relativePoint); 
// 当 角度 为 2PI 时 , 取 零 
if(Math. abs (angle— 2x Math. PI) <= 0.01){ 
angle= 0; 

} 
// 计 算 相对 坐标 系 下 的 坐标 
relativePoint = new Point (FloatMath. sin(angle) x* r, FloatMath. cos (angle) * r); 
// 获 取 绝 对 坐标 系 下 的 坐标 
Point absolutePoint = getAbsolutePointByRelativePoint(relativePoint); 
// 获 取 图 标的 绘图 坐标 (左上 角 ) 
Point resultPoint = getIconPoint (absolutePoint, true); 
return resultPoint; 


坚 
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这 个 View 的 代码 如 下 : 
public class SpinView extends EnhancedTouchView{ 


protected SinglePointManager pm; 
private boolean mIsLoaded = false; 


// 屏 幕 的 长 宽 

private int screenWidth; 
private int screenHeight; 
// 图 标的 宽度 

Pprotected int iconWidth; 
// 半 径 

private int r; 

// 圆 心 坐标 

Protected int rx; 
protected int ry; 


protected int color blue; 
protected int color red; 
private Paint paint = new Paint(); 


public SpinView(Context context, AttributeSet attrs) { 
super(context,attrs); 


Resources res = context. getResources(); 
color blue= res. getColor(R. color. blue); 
color red= res.getColor(R. color. red); 
paint. setColor(color_ blue); 
paint. setStrokeWidth(3); 
paint. setStyle(Paint. Style. STROKE ) ; 
/x 
* 设置 View 加 载 完 成 的 监听 器 , 当 View 加 载 完 成 时 长 宽 不 为 0 
x*/ 
getViewTreeObserver( ) .addOnGlobalLayoutListener( 
new OnGlobalLayoutListener() { 
@Override 
public void onGlobalLayout() { 
if(!mIsLoaded){ 
initPositionManager( ); 
mISLoaded = true; 


]) 


private void initPositionManager(){ 
ScreenWidth = this. getWidth(); 
screenHeight = this. getHeight(); 


嘲 iconWidth = bm. getWidth(); 
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r= ScreenWjidth/2 — iconWidth/2; 
rx= screenWidth/2; 
ry= screenHeight/2; 


pm = new SinglePointManager (r, rx, ry, iconWidth); 


@Override 
public void surfaceCreated( SurfaceHolder holder) { 
drawByAngle(0); 


@Override 
protected void draw(float x, float y){ 
Canvas canvas = mHolder. lockCanvas( ); 
canvas. drawColor( Color. TRANSPARENT, Mode. CLEAR ) ; 


/x 
* 关键 ,获取 坐标 函数 
*/ 
Point pt = pm. getResultPointByAbsolutePoint(new Point(x,y)); 
saveRect( (int)pt. getX(), (int)pt. getY( )); 
canvas. drawBitmap(bm, pt. getX( ), pt. getY(),null); 


/ 
* 绘制 辅助 图 形 
x 可 以 删 掉 
*/ 


drawUtils(canvas, x, y); 


mHolder. unlockCanvasAndPost (canvas); 


protected void drawUtils(Canvas canvas, float x, float y){ 
paint. setColor(color blue); 
paint. setStrokeWidth(3); 
// 绘 制 坐标 
canvas. drawLine(0, ry, screenWidth, ry, paint ); 
Canvas. drawLine( rx, 0, rx, screenHeight, paint); 
// 绘 制 圆圈 
canvas. drawCircle(rx, ry, rr paint); 


// 从 原点 到 手指 触摸 点 的 线段 
canvas. drawLine( rx, ry, x, y, paint ); 


// 绘 制 正方 形 区 域 
Point resultPt = pm. getResultPointByAbsolutePoint (new Point(x, y)); 


canvas. drawRect( resultPt. getX(), resultPt. getY(), 副 | 


resultPt. getX() + iconWidth, resultPt. getY() + iconWidth, paint ); 
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paint. setColor(color red); 
paint. setStrokeWidth(10); 


// 绘 制 手指 触摸 点 


canvas. drawPoint (x, y, paint); 


// 绘 制 在 圆圈 上 的 点 
Point roundPt = pm. testGetPointAroundTrack(new Point(x, y)); 
canvas. drawPoint( roundPt. getX(), roundPt. get¥Y(), paint); 


// 绘 制 绘图 点 
canvas. drawPoint( resultPt. getX( ), resultPt. getY( ), paint); 


} 


// 根 据 角 度 绘制 图 形 
protected void drawByAngle(float angle){ 
Point pt = pm. getAbsolutePointByAngle(angle); 


2 draw(pt. getX( ), pt. getY()); 
了 


/x 
# 去 掉 offsetX 和 offsetY 
*/ 
@Override 
public boolean onTouch(View v, MotionEvent event) { 
float x= event. getX( ); 
float y= event. getY(); 
switch(event. getAction()){ 
case MotionEvent. ACTION_DORN : 
if( imgRect. contains( (int)x, (int)y)){ 
isToDraw = true; 


b 
break; 
Case MotionEvent. ACTION_MOVE : 
if(isToDraw){ 
draw (x, y); 
| 
break; 
case MotionEvent. ACTION_UP: 
isToDraw = false; 
break; 
} 
return true; 


此 外 ,在 这 个 控件 中 提供 了 根据 角度 绘图 的 函数 ,这 个 函数 很 简短 : 


// 根 据 角度 绘制 图 形 
protected void drawByAngle(float angle){ 


Point pt = pm. getAbsolutePointByAngle(angle); 
EE . 


draw(pt. getX(), pt. get¥( )); 
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函数 getAbsolutePointByAngle 获取 的 是 在 绝对 坐标 下 的 图 标的 中 心 坐标 (注意 ,是 中 心 坐 
标 ) ,然后 把 这 个 中 心 坐标 丢 给 draw 函数 去 处 理 。 这 个 函数 将 会 在 接 下 来 的 RollBackView 中 
起 到 重要 作用 。 


/x 
x @param pt 绝对 坐标 
* @return 在 相对 坐标 系 下 与 Y 轴 正 半 轴 的 夹 角 
x*/ 
public float getAngleByAbsolutePoint(Point pt){ 
Point p = getRelativePointByAbsolutePoint(pt); 
return getAngleByRelativePoint (p); 


第 四 节 ”图 形变 换 Matrix 


旋转 绘图 


在 SpinView 的 基础 上 ,我 们 让 图 标 随 着 角度 的 变化 而 旋转 ,这 时 需要 获取 旋转 角度 ， 
如 图 5-7 所 示 。 


/x 
* @param pt 绝对 坐标 
* @return 在 相对 坐标 系 下 与 了 Y 轴 正 半 轴 的 夹 角 
eg 
public float getAngleByAbsolutePoint(Point pt){ 
Point p = getRelativePointByAbsolutePoint(pt); 
return getAngleByRelativePoint (p); 


图 5-7 旋转 角度 示意 


坚 
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public class MatrixView extends SpinView{ 


private Matrix matrix = new Matrix( ); 


public MatrixView(Context context, AttributeSet attrs) { 


super(context,attrs); 

// 设 置 抗 锯齿 

paint. setAntiAlias(true); 
} 
@Override 


protected void draw(float x, float y){ 
Point originalPt = new Point(x, y); 
Point pt = pm. getResultPointByAbsolutePoint(originalPt); 
SaveRect( (int)pt. getX(), (int)pt. getY( )); 


// 图 形 的 旋转 角度 
float angle = pm. getAngleByAbsolutePoint(originalPt); 
angle= (float) (180 x angle/Math. PI); 


Canvas canvas = mHolder. lockCanvas( ); 
canvas. drawColor (Color. TRANSPARENT, Mode. CLEAR ) 


// 旋 转 

matrix. reset(); 

matrix. setTranslate(pt. getX(),pt. getY()); 

matrix. preRotate(angle, (float)bm. getWidth( )/2, (float)bm. getWidth( )/2); 
canvas. drawBitmap (bm, matrix, paint); 


drawUtils(canvas, x, y, angle); 


mHolder. unlockCanvasAndPost( canvas); 


protected void drawUtils(Canvas canvas, float x, float y, float angle){ 
super. drawUtils(canvas, x, y); 


// 在 坐标 圆心 中 绘制 弧 形 

paint. setColor(color blue); 

paint. setStrokeWidth(3); 

canvas. drawArc(new RectF(rx — 40,ry ~ 40, rx+ 40,ry+ 40), — 90,angle, true, paint ); 


// 绘 制 角度 数字 

paint. setColor(color red); 

paint. setTextSize(30); 

Canvas. drawText(angle+ "",rx— 40,ry— 40, paint); 
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自动 回 滚 


接 下 来 ,我 们 要 实现 当 手指 离开 屏幕 时 ,图 标 会 按照 原来 的 轨迹 滑 回 原点 。 这 时 候 需 要 
使 用 一 个 线程 来 控制 这 个 过 程 。 在 这 个 线程 中 ,使 用 drawByAngle(float angle) 函数 来 绘制 
图 形 , 通 过 不 断 增加 (减少 )angle 的 值 来 达到 动态 的 效果 : 


public class RollBackView extends MatrixView{ 
private boolean mIsBlocked = false; 


public RollBackView(Context context, AttributeSet attrs) { 
super(context,attrs); 


. 


@Override 
public boolean onTouch(View v, MotionEvent event) { 


if(mIsBlocked){ SN 
return false; 

| 

float x= event. getX( ); 

float y= event. getY(); 

switch(event. getAction()){ 

case MotionEvent. ACTION_DORN : 
if( imgRect. contains( (int)x, (int)y)){ 

isToDraw = true; 


bs 
break; 

Case MotionEvent. ACTION_MOVE: 
if(isToDraw){ 

draw(x, y); 

} 
break; 

case MotionEvent. ACTION_UP: 
// 开 始 移 动 
new RollbackThread (pm. getAngleByAbsolutePoint(new Point(x, y)),0.1f,0). start(); 
isToDraw = false; 
break; 

} 

return true; 

. 


class RollbackThread extends Thread{ 


// 终 点 的 角度 

Private float destination= 0; 
// 方 向 

Private int direction= 1; 

// 运 行 控制 

Private boolean isRun = true; 
// 移 动 时 的 角度 

Private float angle; 


// 移 动 速度 
private float movingOffset; 


引 - 
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public RollbackThread(float angle, float movingOffset, float destination){ 
this. angle = angle; 
this. movingOffset = movingOffset; 
this. destination = destination; 
if(angle < Math. PI){ 
direction = 一 17 
} 


public void run(){ 
mIsBlocked = true; 
while( isRun){ 
if (Math. abs (angle - destination) < = movingOffset | | Math. abs (angle — 
destination) >= Math. PI x 2){ 
isRun= false; 
drawByAngle( destination); 
}else{ 
angle+ = direction x movingOffset; 
drawByAngle(angle); 
} 
} 
mIsBlocked = false; 


图 标 组 的 移动 


接 下 来 我 们 来 制作 一 个 更 为 复杂 的 控件 . 拖 动 一 个 图 标 , 其 他 图 标 跟着 移动 ,并 且 保 持 
相同 的 距离 ,如 图 5-8 所 示 。 它 的 关键 在 于 获取 第 0 个 图 标 与 y 轴 正 半 轴 的 角度 ,其 余 的 图 
标 与 y 轴 正 半 轴 的 夹 角 就 可 以 根据 这 个 夹 角 计算 出 来 。 


图 5-8 图 标 组 
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ImageSetView 继承 于 RollBackView: 
public class ImageSetView extends RollBackView{ 


// 绘 制 的 位 图 
protected Bitmap[ ] icons = new Bitmap[ 4]; 


// 继 承 于 SinglePointManager 
protected MutiPointManager mPm; 


// 触 摸 的 图 标 序号 


Protected int icon= 0; 


// 开 始 和 结束 的 角度 
protected static final float START_ ANGLE = (float) Math. PI * 2; 
protected static final float END_ANGLE = (float) Math. PI * 3/2; 


public ImageSetView(Context context, AttributeSet attrs) { 
super(context,attrs); 


Resources res = context. getResources( ); 

icons[0] = BitmapFactory. decodeResource (res, R. drawable. ic_0); 
icons[1] = BitmapFactory. decodeResource (res, R. drawable. ic_1); 
icons[2] = BitmapFactory. decodeResource (res, R. drawable. ic _2); 
icons[3] = BitmapFactory. decodeResource (res, R. drawable. ic_3); 
iconWidth = icons[0].getWidth(); 


@Override 
protected void initPositionManager(){ 
super. initPositionManager( ); 
mPm = new MutiPointManager(r, rx, ry, iconWidth, icons. length, START_ANGLE, END_ANGLE ) ; 


@Override 
public void surfaceCreated( SurfaceHolder holder) { 
drawByAngle (START ANGLE, icon); 


我 们 先 从 触摸 事件 开始 讲 起 : 


@Override 
public boolean onTouch(View v, MotionEvent event) { 
if(mIsBlocked){ 
return false; 
1 
float x = event. getX( ) 7 
float y= event. getY¥Y( ); 


Switch(event. getAction()){ 过 
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case MotionEvent. ACTION_DORN : 
icon = mPm. isTouchedByAbsolutePoint(new Point(x, y)); 
if(icon >=0){ 
isToDraw = true; 
} 
break; 
case MotionEvent. ACTION_MOVE : 
if(isToDraw){ 
draw(x, y, icon); 
| 
break; 
case MotionEvent. ACTION_UP: 
if(isToDraw){ 
float zeroAngle = mPm. getZeroAngleByAbsolutePoint( 
new Point (x, y), icon); 
startThread( zeroAngle); 


“> Ds 
} 


return true; 


这 里 的 对 象 mPm 为 继承 自 SinglePointManager 的 类 : 
public class MutiPointManager extends SinglePointManager{ 


// 图 标 个 数 
private int iconCount; 


// 圆 周 被 平分 角度 
Private float pAngle; 


// 每 个 图 标的 中 心 在 相对 坐标 系 下 的 坐标 


private Point[] relativeIconPoint; 


public MutiPointManager(float r, float rx, float ry, float iconWidth, 
int iconCount, float startAngle, float endAngle) 


super(r, rx, ry, iconWidth); 


this. iconCount = iconCount; 

// 总 角度 

float angle = endAngle — startAngle; 

if(Math.abs(angle -2 * Math.PI) <= 0.1 || Math.abs(angle+ 2*x Math. PI) <=0.1){ 
this. pAngle = (float)angle/( iconCount); 


} 
// 当 总 角度 = 2PI 时 ,由 于 第 一 个 图 标 和 最 后 一 个 图 标 重 倒 了 , 故 图 标的 个 数 减 一 
else{ 
this. pAngle = (float)angle/(iconCount — 1); 
} 
副 // 初 始 化 各 个 图 标的 中 心 在 相对 坐标 系 下 的 坐标 
上 纤 TelativeIconPoint = new Point[ iconCount]; 
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saveRelativelconPoint( startAngle); 
} 


/ xx 
* 保存 各 个 图 标的 中 心 在 相对 坐标 系 下 的 坐标 
* @param angle 在 相对 坐标 上 与 Y 轴 正 半 轴 的 夹 角 
*/ 
public void saveRelativeIconPoint(float angle){ 
for(int i=0; i<iconCount; i++){ 
float x= rx FloatMath. sin(angle + pAngle * i); 
float y= r x FloatMath. cos (angle + pAngle * i); 
Point p= new Point(x, y); 
relativeIconPoint[i] = p; 


} 


pAngle 的 含义 如 图 5-9 所 示 ; 图 中 的 四 个 图 标的 中 心 表 示 relativelconPoint。 


图 5-9 pAngle 的 示意 


首先 来 看 ACTION_DOWN 的 事件 : 


icon = mPm. isTouchedByAbsolutePoint (new Point(x, y)); 
if(icon>= 0){ 
isToDraw = true; 


b 


icon 表示 每 次 拖 动 过 程 中 被 触摸 的 图 标的 序号 ,isToDraw 的 含义 和 之 前 章节 的 一 样 ， 
用 来 控制 是 否 绘图 : 


protected int icon; 
protected boolean isToDraw = false; 


坚 
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函数 isTouchedByAbsolutePoint 的 定义 如 下 : 


/xx 


* @param p 绝对 坐标 下 的 触摸 坐标 
* @return 被 触摸 的 图 标 index, - 表示 未 触摸 到 任何 图 标 
*/ 


public int isTouchedByAbsolutePoint(Point p) 


{ 


Point relativePoint = getRelativePointByAbsolutePoint(p); 
float x = relativePoint. getX(); 
float y= relativePoint. getY(); 
for(int i=0; i<relativeIconPoint. length; i++) 
:| 
Point iconPoint = this. getIconPoint(relativeIconPoint[i], false); 
if(x> iconPoint.getX() && x < iconPoint.getX() + iconWidth && 
Y< iconPoint. getY() && y> iconPoint. getY() - iconWidth) 


{ 
return i; 
} 
} 
return—1; 


有 件 ACTION_MOVE 的 代码 就 几 行 : 


if(isToDraw){ 


} 


在 绘图 的 过 程 中 ,需要 对 坐标 进行 转换 、 获 取 。 与 单个 图 形 的 坐标 计算 类 似 , 也 需要 进 
行 多 次 的 坐标 转换 。 不 同 的 是 ,在 这 个 例子 中 ,我们 需要 获取 多 个 绘图 坐标 ,然后 进行 绘图 。 


draw(x, y, icon); 


protected void draw(float x, float y, int ic){ 


Point p= new Point(x,y); 

Point[ ] pts = mPm. getResultPointsByAbsolutePoint(p, ic); 
float angle = mPm. getZeroAngleByAbsolutePoint(p, ic); 
// 将 PI 转化 为 180 

angle = getAngle(angle); 


Canvas canvas = mHolder. lockCanvas( ); 
canvas. drawColor (Color. TRANSPARENT, Mode. CLEAR ) ; 


for(int i=0; i<pts.length; i++){ 
Point pt = pts[i]; 


matrix. reset(); 
matrix. setTranslate(pt. getX(),pt. getY()); 
matrix. preRotate(angle, 
(float)icons[i]. getWidth( )/2, (float)icons[ i]. getWidth( )/2); 
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canvas. drawBitmap(icons[i], matrix, paint); 
} 


/x 

* 绘制 辅助 图 形 
* 可 以 省 去 
*/ 


drawUtils(canvas, x, y, ic); 


mHolder. unlockCanvasAndPost (canvas); 


获取 绘图 坐标 与 单个 获取 绘图 坐标 的 原理 类 似 ,但 是 有 两 个 不 同 的 地 方 : 
(1) 获取 第 0 号 图 标 在 相对 坐标 下 与 y 轴 正 半 轴 的 夹 角 : 


/x 
* @ param pt 相对 坐标 
x* @param index 图 标 index 
* @return 0 号 图 标 在 相对 坐标 系 下 与 Y 轴 正 半 轴 的 夹 角 
*/ 
protected float getZeroAngleByRelativePoint(Point pt, int index){ 
float angle = getAngleByRelativePoint (pt); 
//pAngle 每 个 图 标 之 间 的 夹 角 
angle — = index * pAngle; 
return angle; 


(2) 根据 角度 计算 坐标 时 ,第 i 个 图 标的 角度 为 : 


//pAngle 每 个 图 标 之 间 的 夹 角 
float iconAngle = angle + pAngle x i; 


获取 绘图 坐标 : 


/ xx 

x* @param pt 绝对 坐标 下 的 触摸 坐标 

* @param index 触摸 的 图 标 index 

* @return 绘图 坐标 

x*/ 

public Point[ ] getResultPointsByAbsolutePoint(Point pt, int index){ 


Point[ ] ret = new Point[iconCount]; 

// 将 绝对 坐标 转换 成 相对 坐标 

Point relativePoint = getRelativePointByAbsolutePoint(pt); 

// 获 取 第 0 号 图 标 在 相对 坐标 下 与 Y 轴 正 半 轴 的 夹 角 

float angle = getZeroAngleByRelativePoint(relativePoint, index); 
// 当 角度 为 2PI 时 , 取 零 


: 电 
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if(Math. abs (angle 一 2* Math. PI) <= 0.01){ 
angle= 0; 


for(int i=0; i<iconCount; i++){ 
float iconAngle = angle + pAnglex* i; 
// 计 算 相对 坐标 系 下 的 坐标 


relativePoint = new Point( 
FloatMath. sin( iconAngle) * r, FloatMath. cos( iconAngle) * r); 
// 获 取 绝 对 坐标 系 下 的 坐标 
Point absolutePoint = getAbsolutePointByRelativePoint(relativePoint); 
// 获 取 图 标的 绘图 坐标 (左上 角 ) 


Point resultPoint = getIconPoint(absolutePoint, true); 
ret[i] = resultPoint; 
} 


旺 


return ret; 


ACTION_UP 时 : 
if(isToDraw){ 


float zeroAngle = mPm. getZeroAngleByAbsolutePoint( 
new Point (x, y), icon); 

startThread( zeroAngle); 
} 


protected void startThread(float zeroAngle){ 
new RollbackThread( 


zeroAngle, 
OE 


START_ANGLE ) 
. start(); 


} 
protected class RollbackThread extends Thread{ 


protected float destination= 0; 
Protected int direction= 1; 
protected boolean isRun= true; 
protected float zeroAngle; 

protected float movingOffset; 


/x 


* @param angle 第 0 号 图 标 开始 时 的 旋转 角度 
x @param moving0ffset 每 次 旋转 的 角度 

x @param destination 最 终 的 旋转 角度 
x*/ 


public RollbackThread(float angle, float movingOffset, float destination){ 
if(angle < 0){ 
angle+ = Math. PI * 2; 
}else if(angle > Math. PI x 2){ 
angle— = Math. PI * 2; 
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} 

this. zeroAngle = angle; 

this. movingOffset = movingOffset; 

this. destination = destination; 

direction = getDirection(angle, destination); 


public void run(){ 
mIsBlocked = true; 
while(isRun){ 
if(Math. abs (zeroAngle - destination) <= movingOffset || 
Math. abs (zeroAngle — destination) > = Math. PI * 2){ 


isRun = false; 
drawByAngle( destination, 0); 
mpm. saveRelativeIconPoint(destination); 
J}else{ 
zeroAngle+ = direction * movingOffset; 
drawByAngle( zeroAngle, 0); 
} 
} 
reset(); 
} 
/ xx 
# (@param angle 
* (param destination 
* @return 旋转 的 方向 
*/ 


private int getDirection(float angle, float destination){ 
float a= angle - destination; 
return FloatMath. sin(a) > 0? 一 1:1; 


b 


[xx 
x* 重 置 所 有 的 控制 
*/ 
protected void reset(){ 
icon= -1; 
isToDraw = false; 
mIsBlocked = false; 


图 标 移 回 后 自动 旋转 
最 后 ,我 们 添加 一 点 小 动画 ,在 图 标 回 到 原点 时 旋转 99" ,回复 到 原来 的 角度 。 
public class SpinBackView extends ImageSetView{ 


public SpinBackView(Context context, AttributeSet attrs) { 
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super(context,attrs); 


@Override 
protected void startThread(float zeroAngle){ 
new ImageSetRollbackThread( 
zeroAngle, 
0.1f, 
START_ANGLE ) 
.start( ); 


private class ImageSetRollbackThread extends RollbackThread{ 


public ImageSetRollbackThread(float angle, float movingOffset, 
float destination) { 
super(angle, movingOffset, destination); 
//TODO Ruto - generated constructor stub 


public void run(){ 
super. run( ); 
// 在 RollbackThread 结束 之 后 开始 图 标 自 动 旋转 的 线程 
new SpinThread( destination, 0.1f). start(); 


class SpinThread extends Thread{ 


private boolean isRun = true; 
// 最 后 的 角度 

Private float angle; 

// 旋 转 的 角度 

Private float spinAngle; 

// 结 束 的 角度 

Private float destination; 
private float movingOffset; 


public SpinThread (float angle, float movingOffset){ 
this. angle = angle; 
this. spinAngle = angle; 
this. movingOffset = movingOffset; 
destination= (float) (angle + Math.PI * 2); 


public void run(){ 
mIsBlocked = true; 
while( isRun){ 
if(Math. abs (spinAngle — destination) <= movingOffset){ 
isRun = false; 
drawSpinByAngle(angle, 0, destination) ; 
jelsef 


耕 


[ey 
包 
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spinAngle+ = movingOffset; 
drawSpinByAngle(angle, 0, spinAngle); 
bh 
b 
reset(); 
} 
; 
private void drawSpinByAngle(float angle, int ic, float spinAngle){ 


Point pt = mPm. getAbsolutePointByAngle(angle); 
draw(pt. getX(), pt.getY(),ic,getAngle( spinAngle) ); 


} 


/x 
* 绘制 图 形 


x* (param x 


# param y NS 
x* (param ic 
x @param spinAngle 图 形 旋转 的 角度 
*/ 
protected void draw(float x, float y, int ic, float spinAngle){ 
Point p= new Point (x, y); 


Point[ ] pts = mPm. getResultPointsByAbsolutePoint(p, ic); 


Canvas canvas = mHolder. lockCanvas( ); 
canvas. drawColor(Color. TRANSPARENT, Mode. CLEAR) ; 


for(int i=0; i<pts. length; i++){ 
Point pt = pts[i]; 


matrix. reset( ); 
matrix. setTranslate(pt. getX(), pt. getY( )); 
// 图 标 旋转 
matrix. preRotate( spinAngle, 
(float)icons[i]. getWidth( )/2, (float)icons[i]. getWidth()/2); 
canvas. drawBitmap( icons[ i], matrix, paint); 
} 
/x 
* 绘制 辅助 图 形 
*/ 
drawUtils(canvas, x, y, ic); 
mHolder. unlockCanvasAndPost (canvas); 


第 五 节 时钟 控件 的 实现 


还 记 不 记得 我 们 在 第 3 章 提 到 的 时 钟 控件 ? 这 个 时 钟 使 用 了 本 节 的 知识 ,因此 我 把 它 -| 
移 到 这 一 节 中 来 讲解 。 一 | 
171 


Android 产 品 实战 从 零 开始 


由 


172 


要 实现 这 样 一 个 时 钟 ,需要 这 么 几 个 图 片 资 源 ,如 图 5-10 所 示 。 


J J 引 | 
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图 5-10 图 片 资源 


为 了 实现 这 样 一 个 美观 ( 奇 苑 ) 的 时 钟 ,需要 解决 三 个 大 问题 : 

(1) 根据 时 间 , 计 算出 时 针 、 分 针 的 角度 。 

(2) 根据 时 针 的 角度 计算 出 时 间 。 

(3) 设置 精度 。 

本 节 就 以 这 几 个 问题 出 发 讲解 时 钟 的 实现 。 
根据 时 间 绘 制 时 针 分 针 

这 个 问题 的 表述 为 : 给 定 任意 一 个 时 间 (24 小 时 制 )h:m, 计 算 时 针 与 分 针 的 角度 。 为 
了 简化 问题 ,我 们 先 来 看 分 针 的 计算 。 


分 针 的 角度 只 跟 分 也 就 是 m 的 值 有 关 。 一 小 时 有 60 分 钟 , 一 图 有 360 ,那么 每 一 分 钟 
分 针 就 走 过 了 360”/60 二 6*。 因 此 有 静态 变量 : 


float ANGLE_PER_MIN = (float) (Math. PI * 2/ROUND_MIN); 
同 理 ,每 一 小 时 时 针 走 过 360”/12 二 30": 
float ANGLE_PER_HOUR = (float) (Math. PI x 2/ROUND_HOUR); 


因此 获取 分 针 角 度 的 函数 也 很 简单 : 


private float gethngleOfMin( int min){ 
return (float) (min x ANGLE_PER_MIN); 
} 
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由 于 分 针 需 要 旋转 ,因此 绘制 分 针 的 函数 多 了 一 个 matrix 的 操作 


private void drawMin(TimeVo time, Canvas canvas){ 
// 获 取 角 度 
float angleOfMin = getAngleOfMin(time. getMin()); 
// 获 取 绘 图 坐标 
Point minPoint = minPm. getResultPointByAngle(angleOfMin); 
drawMin(minPoint, angleOfMin, canvas); 

} 

private void drawMin(Point minPoint, float angle, Canvas canvas){ 
//r->180 
angle = (float) ((anglex (ROUND_ANGLE/2))/Math. PI); 
// 旋 转 
matrix. reset(); 
matrix. setTranslate(minPoint. getX(),minPoint.getY()); 
matrix. preRotate(angle, (float)minPointerBm. getWidth( )/2, 

(float)minPointerBm.getHeight( )/2); 

canvas. drawBitmap(minPointerBm, matrix, minPaint); 


此 外 ,minPm 为 分 针 的 坐标 控制 的 对 象 ( 接 下 来 的 hourPm 也 相同 ): 


private PointManager hourPm; 
private PointManager minPm; 


PointManager 继承 自 SinglePointManager: 
public class PointManager extends SinglePointManager{ 


// 图 标的 绝对 坐标 


private Point position; 


public PointManager(float r, float rx, float ry, float iconWidth) { 
super(r, rx, ry, iconWidth); 


ye 
x (@param absolutePoint 绝对 坐标 
x* @param offset 偏 移 
x (@return 
x*/ 
public boolean isTouched(Point absolutePoint, int offset) 
{ 
if(absolutePoint. getX() > position. getX() - offset/2 && 
absolutePoint. getX() < position. getX() + iconWidth+ offset/2 && 
absolutePoint. getY() > position. getY() - offset/2 && 
absolutePoint.getY() < position. getY() + (iconWidth + offset/2)){ 
return true; 
J}else{ 
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return false; 


@Override 
public Point getResultPointByAngle(float angle){ 
// 保 存 图 标的 坐标 
return position = super. getResultPointByAngle(angle); 


} 


以 及 变量 的 初始 化 : 


private void createPointBm( Resources res){ 
// 表 盘 
clockBm = BitmapFactory. adecodeResource (res, R. drawable. now_clock ) ; 
clockWidth = clockBm. getWidth( ) ; 
clockHeight = clockBm. getHeight(); 
clockRect = new Rect(0, 0, clockWidth, clockHeight); 


// 时 针 分 针 
hourPointerBm = BitmapFactory. decodeResource( 
res, R. drawable. hour _pointer1); 
minPointerBm = BitmapFactory. decodeResource( 
res, R. drawable. min_pointer2 ); 
/x 
%* 参数 1 半径 
x 参数 2 原点 的 x 轴 坐标 
x 参数 3 原点 的 Y 轴 坐标 
* 参数 4 图 标 宽度 
*/ 
hourPm = new PointManager (HOUR_POINTER_LENGTH, ( (float)clockWidth)/2, 
((float)clockHeight)/2, hourPointerBm. getWidth( )); 
minPm = new PointManager ( MIN_POINTER_LENGTH, ( (float)clockWidth) /2, 
((float)clockHeight)/2,minPointerBm. getWidth( ) ); 


// 分 针 抗 锯齿 

minPaint = new Paint(); 

minpaint. setAntiAlias(true); 
了 


接 下 来 绘制 时 针 。 时 针 的 绘制 相对 于 分 针 在 计算 上 比较 复杂 ,但 是 由 于 不 需要 旋转 ,所 
以 在 绘图 上 比较 简单 。 首 先 获 取 时 针 的 角度 .再 加 上 分 钟 带 来 的 角度 偏 移 : 


private float getAngleOfHour(TimeVo time){ 
/¥ 
x 去 24 小 时 化 
x ROUND_HOUR = 12 
x*/ 
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float angleOfHour = (float) ((time. getHour() % ROUND HOUR) * RANGLE PER_HOUR); 
// 加 上 分 钟 带 来 的 角度 偏 移 

angleOfHour + = time.getMin() * (ANGLE PER HOUR/ROUND MIN); 

return angleOfHour; 


绘图 : 


private void drawHour (TimeVo time, Canvas canvas){ 
float angleOfHour = getAngleOfHour(time); 
// 获 取 绘 图 坐标 
Point hourPoint = hourPm. getResultPointByAngle(angleOfHour); 
drawHour (hourPoint, canvas); 
} 
private void drawHour(Point hourPoint, Canvas canvas){ 
canvas. drawBitmap( hourPointerBm, hourPoint. getX(), hourPoint. getY(), null); ss 


1 


根据 时 针 位 置 绘制 分 针 


根据 时 针 绘 制 分 针 的 关键 是 根据 时 针 的 角度 获取 分 针 的 角度 。 假 设 时 间 为 1:20 分 , 那 
么 此 时 的 时 针 角 度 应 该 是 1X30 十 (20 二 60) X30, 也 就 是 30X (1 十 20" 二 60) 二 40; 那么 对 这 
个 公式 进行 逆 运 算 就 是 : 

(1) 40 除 以 30 取 余 得 10。 

(2) 10 除 以 30 得 1/3。 

(3) 1/3 乘 以 360" 得 120°。 

因而 有 : 


private float getMinAngleByHour(double angleOfHour){ 
float angleLeft = (float) (angleOfHour % ANGLE_PER_HOUR); 
float angleOfMin = angleLeft/ANGLE_PER_ HOUR; 
return (float) (angleOfMin x Math. PI x* 2); 


再 接 下 来 ,由 于 有 精度 的 存在 ,我 们 需要 获取 精度 值 ,关于 精度 值 在 这 里 我 就 不 多 说 了 ， 
看 注释 中 的 几 个 例子 : 


/ xx 
x 获取 精度 值 
x 例如, getNearestValue(47,5) = 45; getNearestValue(47,10) = 40; 
x* getNearestValue(0.47,0.05) =0.45 
x @param value 
* @param by 
x @return 


x*/ 


量 
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private double getNearestValue(double value, double by){ 
double divide = by; 
value = value/divide; 
by= by/divide; 
double result = (int)value/ (int)by x by; 
return resultx divide; 


因而 有 绘制 时 针 分 针 的 代码 如 下 : 


// 根 据 坐 标 获取 相对 坐标 的 角度 

double angleOfHour = hourPm. getAngleByAbsolutePoint(p); 

// 获 取 精度 值 

angleOfHour = getNearestValue(angleOfHour, hourGapAngle); 

Point hourPoint = hourPm. getResultPointByAngle( (float) angleOfHour); 
drawHour( hourPoint, canvas); 


float angleOfMin = getMinAngleByHour (angleOfHour); 

// 获 取 精 度 值 

angleOfMin = (float) getNearestValue(angleOfMin, minGapAngle); 
Point minPoint = minPm. getResultPointByAngle( (float) angleOfMin); 
drawMin(minPoint,angleOfMin, canvas); 


再 接 下 来 就 是 0 点 问题 了 ,也 就 是 当时 针 指 向 12 点 时 ,是 12 点 还 是 0 点 。 


previousMin = angleOfMin; 
/ xx 
* 越过 0 点 ， 
x 11 点 之 后 是 12 点 
* 23 点 之 后 是 0 点 
x*/ 
if (Math. abs (previousHour - angleOfHour) > Math. PI x 3/2){ 
adding = (adding + 12) % 24; 
} 
previousHour = angleOfHour; 


// 设 置 当前 时 间 
setTimeByAngle(angleOfMin, angleOfHour); 


保存 当前 时 间 : 


private void setTimeByAngle( double angleOfMin, double angleOfHour){ 
int hour = (int) (angleOfHour/ANGLE_PER_HOUR); 
int min = (int) (angleOfMin/ANGLE_ PER_MIN); 
hour + = adding; 
currentTime. setHour( hour); 
currentTime. setMin(min); 
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在 绘图 的 时 候 ,根据 这 个 保存 的 时 间 currentTime 来 绘制 数字 时 间 : 


private void drawDigitalTime( Canvas canvas, Paint pt){ 
int hour = currentTime. getHour(); 
int min = currentTime. getMin(); 
int hourl = hour/10; 
int hour2 = hour %$10; 
int minl = min/10; 
int min2 = min% 10; 
int[] indexs = new int[ ]{hourl, hour2,10,minl, min2}; //hh:mm 
for(int i=0; i< indexs. length; i++){ 
canvas. drawBitmap (digitBm[ indexs[ i]], positioDdigitXx[i] + DIGIT_OFFSET, 
DIGIT_ OFFSET, pt); 


} 
还 有 最 后 一 个 小 问题 ,音效 播放 的 控制 : 


// 是 否 播放 音效 

if(Math. abs (previousMin - angleOfMin) <= 0.01f){ 
isToPlaySoundEffect = false; 

} 


previousMin = angleOfMin; 


第 六 节 ”扩展 学 习 一 一 浮 窗 应 用 


WindowManager 


在 Android 系统 中 ,所 有 的 窗口 (包括 Activity) 都 是 由 WindowManager 来 控制 的 。 我 
们 在 使 用 Activity 的 时 候 , 系 统 帮 我 们 调用 了 WindowManager 来 控制 Activity 的 创建 , 因 
而 虽然 我 们 不 需要 使 用 它 ,但 它 是 客观 存在 的 。 因 此 ,要 建立 一 个 浮 窗 ,可 以 通过 
WindowManager 来 添加 一 个 View, 从 而 绕 开 Activity ,实现 效果 。 

在 Activity 中 ,我 们 通过 getSystemService 的 方法 来 获取 WindowManager 对 象 : 


WindowManager wm = (WindowManager) getSystemService( WINDOW SERVICE); 


WindowManager 对 象 是 一 个 全 局 变量 ,在 Android 系统 中 只 有 一 个 ,因此 我 们 不 管 在 
哪里 获取 这 个 变量 都 是 equal 的 。 

WindowManager 的 重要 方法 有 : 

。 addView (View view,ViewGroup. LayoutParams params); 

。 removeView (View view) ; 


。 updateViewLayout (View view,ViewGroup. LayoutParams params) 。 


加 | 
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在 这 里 需要 一 个 LayoutParams 的 对 象 ,这 个 对 象 提供 了 视图 的 参数 ,主要 的 参数 有 : 
。 WindowManager. LayoutParams. type; 


WindowManager. LayoutParams. flag; 
。 


WindowManager. LayoutParams. gravity; 


WindowManager. LayoutParams. x; 


WindowManager. LayoutParams. y。 
浮 窗 实例 
先 来 看 一 个 最 简单 的 例子 ,不 用 Layout, 直 接 在 Java 文件 上 写 代 码 : 


public class MainActivity extends Activity { 


@Override 
protected void onCreate( Bundle savedInstanceState) { 
super. onCreate( savedInstanceState); 


WindowManager wm = (WindowManager) getSystemService( WINDOW_SERVICE ); 
ImageView view = new ImageView(this,null1); 


View. setImageResource(R. drawable. ic_launcher ); 


/x 
* 注意 : 


x 这 个 LayoutParams 是 android. view. WindowManager.LayoutParams 
*/ 
LayoutParams wmParams = new WindowManager. LayoutParams( ); 
/ xx 
x* TYPE_SYSTEM_ERROR 最 顶层 ,可 以 移动 
ei 
wmParanms. type = LayoutParams. TYPE_SYSTEM_ERROR; 
fe 
< 如 果 没 有 这 个 flag, 整个 View 会 覆盖 全 屏幕 
* 不 信 你 试 斌 
x*/ 
wmParams. flags = LayoutParams. FLAG_NOT_FOCUSABLE ; 
// 设 置 重心 
wmParams. gravity = Gravity. LEFT|Gravity. TOP; 
wmParams. x= 0; 
wmParams.y= 0; 
wmParams. width = icon. getWidth( ); 
wmParams. height = icon. getHeight( ); 


wm. addView( view, wmParams); 
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如 图 5-11 所 示 , 似 乎 达到 我 们 需要 的 效果 了 。 


按 返 回 键 退出 ,whoops, 报 错 了 : 


Activity com. example. demo_ floatview. MainActivity has leaked window android. widget. ImageView 
{4186ba38 V. ED.... ........1.0,0— 72,72}that was originally added here 


按照 字面 的 理解 是 ,ImageView 发 生 泄漏 了 。 我 们 在 使 用 BroadcastReceiver 只 注册 不 
注销 的 时 候 也 会 出 现 泄漏 的 错误 。 有 了 这 个 经 验 ,我 们 可 以 在 Activity 销毁 的 时 候 加 上 ， 
@Override 
public void onDestroy(){ 
super. onDestroy( ); 


wm. removeView( view); 


} 


青 运行 的 时 候 , 就 不 会 报错 了 。 

但 是 仔细 想 想 好 像 有 什么 不 对 。 如 果 程 序 退 出 ,视图 就 销毁 ,那么 浮 窗 又 有 什么 意义 ? 

没事 ,我 们 还 有 办 法 , 那 就 是 把 addView 的 方法 放 在 需要 添加 的 视图 里 面 ,而 不 是 在 
Activity 中 。 这 时 ,我 们 就 需要 重 写 一 个 SurfaceView( 顺 便 把 难看 的 黑色 背景 去 掉 ) 。 

因为 浮 窗 程序 中 只 能 允许 一 个 浮 窗 的 存在 ,因此 我 们 使 用 单 例 模 式 。Activity 在 调用 
时 不 直接 调用 构造 函数 ,而 是 通过 静态 方法 来 实例 化 这 个 对 象 : 


public class FloatView extends SurfaceView implements SurfaceHolder. Callback{ 


// 使 用 单 例 模式 , 只 允许 系统 中 存在 一 个 浮 窗 


Protected static FloatView thisView; 


public static FloatView createView(Context context, AttributeSet attrs){ 国 | 
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if(thisView == nu11){ 
thisView = new FloatView(context, attrs); 
} 


return thisView; 


构造 函数 对 外 部 不 可 见 : 


protected FloatView(Context context, AttributeSet attrs) { 
super(context, attrs); 
icon = BitmapFactory. decodeResource ( 


wm= (WindowManager)context. getApplicationContext( ). 
getSystemService(Context. WINDOW_SERVICE ) ; 
iniWmParams( ); 


sfh= this. getHolder( ); 
sfh. addCallback (this); 


// 透 明 
set2Z0rderOnTop(true) ; 
sfh. setFormat (PixelFormat. TRANSLUCENT ) ; 
} 
private void iniWmParams() 
wmParams = new WindowManager. LayoutParams( ); 
/ xx 
x TYPE_SYSTEM_ERROR 最 顶层 , 可 以 移动 
*/ 
wmParams. type = LayoutParams. TYPE_SYSTEM _ERROR; 
// 如 果 没 有 这 个 flag, 整个 View 会 覆盖 系统 界面 
wmParanms. flags = LayoutParams. FLAG_NOT_FOCUSABLE ; 
wmParams. gravity = Gravity. LEFT|Gravity. TOP; 
wmParams. x= 0; 
wnmParams. y= 0; 


wmParams. width = icon. getWidth( ) ; 
wmParams. height = icon. getHeight( ); 


绘图 的 初始 化 : 


@Override 

public void surfaceCreated( SurfaceHolder sfh) { 
Canvas canvas = sfh. lockCanvas( ); 

canvas. drawColor( Color. TRANSPARENT, Mode. CLEAR ) ; 
canvas. drawBitmap( icon, 0, 0, new Paint()); 

sfh. unlockCanvasAndPost (canvas); 


可 | 


context. getResources( ), R. drawable. ic_ launcher ); 
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最 后 提供 方法 供 Activity 调用 : 


public void showView(){ 

wm. addView( thisView, wmParams); 
by 
public void destroyView( ){ 

wm. removeView( thisView ); 


1 


Activity 的 代码 非常 简单 : 


public class FloatActivity extends Activity { 
@Override 
protected void onCreate( Bundle savedInstanceState) { 
super. onCreate( savedInstanceState); 
FloatView. createView (this, null). showView( ); 


} 


现在 ,这 个 浮 窗 就 自由 地 浮动 在 手机 上 方 ,再 也 不 用 担心 侧 漏 了 。 
拖 动 浮 窗 的 实现 


在 很 多 情况 下 , 浮 窗 是 可 以 响应 触摸 事件 并 被 拖 动 的 ,我 们 可 以 通过 设置 监听 器 来 实现 
这 个 效果 。 值 得 注意 的 是 ,在 获取 坐标 时 ,是 使 用 getRawX() 方 法 而 非 getX(), 这 是 因为 
WindowManager 在 管理 View 的 位 置 时 ,是 以 整个 屏幕 为 视图 的 。 重 设 完 坐 标 值 之 后 调用 


updateViewLayonut 方法 : 
public class MovingView extends FloatView implements View. OnTouchListener { 


protected MovingView( Context context, AttributeSet attrs) { 
super(context,attrs); 
setOnTouchListener(this); 

} 


和 
* 注意 
x 这 里 不 能 用 @override 
* 因为 它 是 静态 方法 
Be 
public static MovingView createView(Context context, AttributeSet attrs){ 
if( thisView == nul1l1){ 
thisView = new MovingView(context,attrs); 
外 
return (MovingView) thisView; 
y 
@Override 
public boolean onTouch(View arg0, MotionEvent event) { 
if(event. getAction() == MotionEvent. ACTION MOVE){ 
/x 
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第 六 章 ”Easearch 


类 Launch 的 搜索 夜 用 


清单 
Demo 代码 : 


\demo\Demo Fasearch 
\demo\Demo Easearch Intent 


实例 代码 : 
\source codes\Earch 
Target SDK: 


Android 2.3.3 


第 一 节 产品 介绍 


这 个 项 目 始 于 Terminal 项 目 , 如 图 6-1 所 示 。 当 时 的 


法 是 做 一 个 基于 代码 行 的 减弱 
用 户 体验 的 类 Launch 应 用 , 打 电 话 ,发 短信 、 打 开 应 用 等 等 所 有 的 操作 都 由 代码 执行 。 


四 


图 6-1 _ Terminal 项 目 


Android 产 品 实战 从 零 开始 


是 


184 


这 个 项 目 后 来 演化 为 由 智能 控制 应 用 ,如 图 6-2 所 示 , 最 终 还 是 胎 死 腹 中 。 

后 来 想 一 想 , 这 种 减弱 用 户 体验 的 应 用 实在 是 太 逆 天 了 ,应 用 的 终极 目标 就 是 让 手机 好 
用 。 因 而 它 最 终 演化 成 了 现在 的 Easearch, 如 图 6-3 所 示 。Easearch 是 easy 跟 search 两 个 
单词 的 组 合 。 它 的 概念 是 手机 的 操作 都 基于 搜索 ,搜索 联系 人 应用、 网 页 以 及 单词 等 等 。 
除了 搜索 之 外 ,还 提供 了 WiFi、 数 据 流 量 等 快捷 开关 。 


日 
条 件 + 
dial 110 de OFF 
会 pmeonmim ON 
' OFF 
动作 十 
airplane on 
I sr | 55 
图 6-2 智能 控制 图 6-3 ”Easearch 应 用 
需求 分 析 


Easearch 有 以 下 几 个 功能 : 

。 搜索 联系 人 ; 

。 滑动 联系 人 列表 ,进入 联系 人 短信 和 界面 ; 
。 滑动 联系 人 列表 ,复制 联系 人 信息 ; 

。 搜索 应 用 ; 

。 滑动 应 用 列表 ,进入 应 用 信息 界面 ; 

。 滑动 应 用 列表 ,删除 应 用 ; 

。 Wifi 数据 流量 .蓝牙 .手电 简 开 关 ; 

。 一 键 清理 内 存 ; 

。 刷新 。 


界面 设计 

Easearch 模仿 了 Google Now 卡片 式 的 界面 风格 ,如 图 6-4 所 示 。 

搜索 结果 栏 为 有 一 个 动态 的 展开 效果 : 当 没 有 输入 或 者 没有 相关 的 信息 时 ,该 栏 不 显 
示 ; 当 出 现 相 关 信息 时 ,会 有 展开 的 动态 效果 ,如 图 6-5 所 示 。 

在 搜索 结果 栏 中 ,用 户 可 以 左右 滑动 ,进入 不 同 功 能 .如 图 6-6 所 示 。 
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图 6-4 ” Google Now( 左 ) 和 Easearch( 右 ) 
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图 6-5 列表 展开 


第 二 节 ”调用 系统 界面 /服务 


Android 提供 了 使 用 Intent 来 调用 系统 界面 的 API, 这 些 API 都 是 通过 Intent 跟 URI 
的 搭配 来 实现 的 。 本 节 将 会 介绍 Android 中 调用 系统 界面 的 实现 。 


隐 式 Intent 


区 别 。 
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图 6-6 左右 滑动 列表 


我 们 在 第 2 章 的 时 候 介绍 了 Intent, 现 在 我 们 来 继续 介绍 显 式 Intent 和 隐 式 Intent 的 副 | 
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在 第 2 章 中 ,如 果 要 从 一 个 Activity 跳 到 另 一 个 Activity, 可 以 这 样 : 
Intent intent = new Intent(); 


intent. setClass(this, NewRctivity.class) 7 
startActivity( intent); 


这 就 是 显 式 Intent, 明 确 指 明了 要 跳 转 的 Activity。 而 隐 式 Intent 则 是 通过 action data、 


category 等 条 件 来 跳 转 Activity, 如: 


Intent intent = new Intent(); 

intent. setAction( Intent. ACTION _DIAL); 

Uri uri= Uri. parse ("tel:13888888888" ); 

intent. setData(uri); 

/* 
x 相当 于 Intent intent = new Intent( Intent. ACTION_DIAL, uri); 
# 第 一 个 参数 action, 第 二 个 参数 data 
x*/ 

startActivity( intent); 


实际 上 , 隐 式 Intent 属于 跨 进程 通信 的 一 种 方式 ,也 就 是 说 可 以 从 应 用 A 调用 应 用 B 


的 Activity, 而 显 式 Intent 只 能 调用 到 本 应 用 的 Activity。 这 也 就 是 Android 中 调用 系统 界 
面 的 原理 。 


我 们 来 做 个 小 demo, 通 过 指定 action 的 方式 来 打开 另 一 个 应 用 的 Activity。 
在 应 用 A 中: 
Intent intent = new Intent(); 


intent, setAction( "com. shinado. demo. easearch. intent" ) ; 
startActivity( intent) ; 


在 应 用 B 的 AndroidManifest 中 对 需要 启动 的 Activity 增加 一 个 intent-filter: 


< intent ~ filter > 
< action android:name ="com. shinado. demo. easearch. intent"/> 
< category android:name = "android. intent. category. DEFAULT"/> 
</intent - filter> 


这 里 的 action 与 应 用 A 中 的 action 是 一 致 的 。 而 android. intent. category. DEFAULT 这 


个 category 是 为 了 保证 隐 式 Intent 可 以 match 到 这 个 filter, 如果 去 掉 这 个 category 就 会 
报错 : 


Caused by:android. content. ActivityNotFoundException:No Activity found to handle Intent{act = 
com. shinado. demo. easearch. intent} 


使 用 隐 式 Intent 调用 系统 界面 


笔者 在 这 里 列 出 常用 的 调用 系统 界面 的 代码 ,方便 读者 查阅 。 


第 六 章 ”Easearch 


调用 拨号 界面 : 


Uri uri= Uri. parse ("tel:13888888888" ); 
Intent intent = new Intent(Intent. ACTION DIAL, uri); 
startActivity( intent); 


直接 拨号 : 
Uri uri= Uri. parse ("tel:13888888888"); 


Intent intent = new Intent(Intent. ACTION CALL, uri); 
startActivity( intent); 


常见 异常 
直接 拨号 需要 权限 android. permission.CALL_PHONE, 和 否则 会 抛 出 异常 


Caused by: java. lang. SecurityException: Permission Denial : starting Intent{act = android. 
intent. action. CALL dat = tel: 3ooooooooxx cmp = com. android. phone/. Out 
goingCallBroadcaster} fron ProcessRecord{ 41ddfc38 25527: com. example. demo_eas earch/ 
u0al0104(}pid = 25527. uid = 10104)reouires android. dormission. CALL PHONE 


调用 通话 记录 界面 


Intent intent = new Intent(); 
intent. setAction( Intent. ACTION_CALL_BUTTON); 
startActivity( intent); 


进入 联系 人 界面 : 


Intent intent = new Intent(); 

intent. setAction( Intent. ACTION_PICK ); 
intent. setData( Phone. CONTENT _ URI ); 
startActivity( intent); 


编辑 第 5 号 联系 人 : 


Uri uri= Uri. parse ("content://com.android. contacts/contacts/" + "5"); 
Intent intent = new Intent(Intent. ACTION_EDIT, uri); 
startActivity( intent); 


添加 联系 人 : 


Intent intent = new Intent(Intent. ACTION_INSERT_OR_EDIT); 

intent. setType( "vnd. android. cursor. item/contact" ) ; 

intent. putExtra(android. provider. ContactsContract. Intents. Insert. NAME, "name" ) ; 
intent. putExtra(android. provider.ContactsContract. Intents. Insert. COMPANY, "c" ); 
intent. putExtra(android. provider. ContactsContract. Intents. Insert. PHONE, "num" ) ; 
intent. putExtra(android. provider. ContactsContract. Intents. Insert. PHONE_TYPE,1); 


startActivity( intent); 一 | | 
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比较 诡异 的 是 ,调用 了 这 段 代码 之 后 ,会 跳 到 联系 人 的 页 面 , 单 击 “ 创 建新 联系 人 ” 才 会 
有 我 们 预 置 的 信息 ,如 图 6-7 所 示 。 


| 


| Google 联系 人 图 
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图 6-7 联系 人 页 面 
进入 发 短信 和 界面: 


// 需 要 发 短信 的 号 码 

Uri uri= Uri. parse("smsto:13888888888"); 

Intent intent = new Intent(Intent. ACTION_SENDTO, uri); 
// 短 信 内 容 

intent. putExtra("sms_body", "短信 内 容 "); 
startActivity( intent); 


直接 发 送 短信 ( 慎 用 ): 


SmsManager smsManager = SmsManager. getDefault (); 
List< String> divideContents = smsManager. divideMessage( "hello"); 
for (String text : divideContents) { 
smsManager. sendTextMessage("13888888888", null, text, null, null); 


常见 异常 
发 送 短信 需要 权限 android. permission. SEND_SMS, 和 否则 会 抛 出 异常 


Caused by: java. lang. SecurityException: Sending SMS messate: uid 10104 does not have 
android. permission. SEND SMS. 


访问 网 页 : 
Uri uri= Uri. parse("http://www. google. com"); 


Intent 让 =new Intent(Intent. ACTION_VIENW, uri); 
startActivity(it); 
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查看 位 置 ; 


Uri uri=Uri.parse("geo:28.172,112.93"); 
Intent it = new Intent(Intent. ACTION VIENW, uri); 
startActivity(it); 


路 径 规划 : 


Uri uri= Uri. parse ("https://maps. google. com/maps?f =d" + 
"gsaddr = 28.168,112.93"+ 
"gdaddr = 28.172,112.926") ; 
Intent 让 = new Intent(Intent. ACTION VIENW, uri); 
startActivity(it); 


删除 应 用 : 


// 应 用 的 包 名 SR 


Uri uri= Uri. fromParts ("package", "com. shinado. Terminal", null); 
Intent it = new Intent(Intent. ACTION_DELETE, uri); 
startActivity(it); 


查看 应 用 信息 : 


Intent intent = new Intent(Settings. ACTION_APPLICATION _DETAILS_SETTINGS); 
// 应 用 的 包 名 

Uri uri= Uri. fromParts ("package", "com. shinado. Terminal", null); 

intent, setData(uri); 

startActivity( intent); 


进入 蓝牙 /WiFi/GPRS 设置 界面 : 


// 蓝 牙 设置 

Intent intent = new Intent(Settings. ACTION_BLUETOOTH_SETTINGS ) ; 
startActivity( intent); 

//GPRS 设置 

Intent intent = new Intent(Settings. ACTION_WIRELESS_SETTINGS ) ; 
startActivity( intent); 

//wifi 设置 

Intent intent = new Intent(Settings. ACTION_ WIFI_SETTINGS); 
startActivity( intent); 


调用 系统 功能 


开关 蓝牙 


BluetoothAdapter bluetooth = BluetoothAdapter. getDefaultAdapter(); 剖 
if(bluetooth != nu11) { | 
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if(bluetooth. isEnabled() ){ 
bluetooth. disable(); 
}else{ 
bluetooth. enable( ); 


常见 异常 
开关 蓝牙 需要 权限 android. permission. BLUETOOTH_ADMIN 以 及 android. 
permission. BLUETOOTH ,否则 会 抛 出 异常 


Caused by: java. lang. SecurityException: Need BLUETOOTH ANDIN permission: Neit her user 
10104 nor current process has android. permission. BLUETOOTH ADMIN. 

Caused by: javalang. SecurityException: Need BLUETOOTH permission: Neither user 10104 nor 
current process has android. permission. BLUETOOTH. 


开关 GPRS: 
由 于 开关 GPRS 的 API 被 Google 封 掉 了 ,我 们 只 能 用 反射 的 方式 来 获取 这 个 方法 : 


public void toogleGprs( ) 
ConnectivityManager mCM = 
(ConnectivityManager )getSystemService( Context. CONNECTIVITY _SERVICE ) ; 
boolean isOpen = isDataOn(mCM); 
if(isOpen){ 
setGprsEnable( mCM, false); 
}else{ 
setGprsEnable( mCM, true); 
1 
} 
// 检 测 GPRS 是 否 打开 
private boolean isDataOn(ConnectivityManager mCM) 
Class cmClass =mCM.getClass(); 
Class[ ] argClasses =null; 
Object[] argObject =null; 
Boolean isOpen = true; 
try{ 
Method method = cmClass. getMethod( "getMobileDataEnabled", argClasses); 
isOpen = (Boolean) method. invoke( mCM,argObject); 
}catch (Exception e){ 
e. printStackTrace(); 
} 
return isOpen; 


9 


// 开 启 / 关 闭 GPRS 
private void setGprsEnable(ConnectivityManager mCM, boolean isEnable) 
! 
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Class cmClass = mCM. getClass(); 
Class[ ] argClasses = new Class[1]; 
argClasses[0] = boolean. class; 


try{ 
Method method = cmClass. getMethod("setMobileDataEnabled", argClasses); 
method. invoke (mCM, isEnable); 

} catch (Exception e){ 
e. printStackTrace( ); 

1 


常见 异常 


开关 GPRS 需要 权限 android. permission. CHANGE_NETWORK_STATE, 和 否则 


会 抛 出 异常 


Caused by: java. lang. SecurltyException: ConnectlvityService: Neither user 10104 nor current 


Process has android. permission.CHANGE NETWORK_STATE. 
开关 WiFi: 


WifiManager wm = (WifiManager)getSystemService(Context. WIFI_ SERVICE); 

switch(wm. getWifiState()){ 

case WifiManager. WIFI_STATE_DISABLING : 
break; 

case WifiManager. WIFI_STATE_DISABLED : 
wm, setWifiEnabled( true); 
break; 

case WifiManager. WIFI_STATE_ENABLING : 
break; 

case WifiManager. WIFI_STATE_ENABLED: 
wm. setWifiEnabled( false); 
break; 


常见 异常 


开关 WiFi 需要 权限 android. permission. CHANGE_NETWORK_STATE 以 及 android. 


permission. CHANGE_WIFI_STATE 
(好 累 ,感觉 不 会 再 贴图 了 ) 


第 三 节 ”获取 系统 信息 


获取 联系 人 信息 


联系 人 信息 的 获取 就 需要 我 们 在 第 2 章 讲 到 的 四 大 组 件 中 的 Content Provider。 通 过 


ContentResolver 的 对 象 来 获取 系统 联系 人 的 信息 。 


上 上 - 
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ArrayList <ListVo> 1ist= new ArrayList <ListVo>(); 
// 默 认 头像 
Bitmap defaultIcon = BitmapFactory. decodeResource ( 
getResources( ),R. drawable. contacts ) ; 
ContentResolver resolver = getContentResolver( ); 
// 获 取 手 机 联系 人 
Cursor phoneCursor = resolver. query( Phone. CONTENT_URI, 
PHONES_ PROJECTION, null,null,nul1) ; 
if (phoneCursor !=null) { 
while (phoneCursor. moveToNext()) { 
// 得 到 手机 号 码 
String phoneNumber = phoneCursor. getString(1); 
PhoneNumber = phoneNumber. replace(" ",""); 
// 当 手机 号 码 为 空 或 者 为 空 字段 时 跳 过 当前 循环 
if (TextUtils. isEmpty (phoneNumber)) 
continue; 
// 得 到 联系 人 名 称 
String contactName = phoneCursor. getString(0); 


Long contactId = phoneCursor. getLong(2); 
Long photoid = phoneCursor. getLong( 3); 
// 得 到 联系 人 头像 Bitamp 
Bitmap icon = defaultIcon; 
//photoid 大 于 0 表示 联系 人 有 头像 , 如 果 没有 给 此 人 设置 头像 则 给 他 一 个 默认 的 
if(photoid > 0) { 
Uri uri= ContentUris. withAppendedId( 
ContactsContract. Contacts. CONTENT _URI, contactId); 
InputStream input = ContactsContract. Contacts. 
openContactPhotoInputStreanm (resolver, uri); 
icon = BitmapFactory. decodeStrean ( input); 


} 
phoneCursor. close(); 


常见 异常 
读 取 联 系 人 需要 权限 android. permission. READ_CONTACTS ,否则 抛 出 异常 : 


Caused by: java. lang. SecurityException:Permission Denial :reading com. android. providers. 
contacts. Contactsprovider2 uri content://com. android. contacts/data/phones from pid = 
17602,uid = 10104 requires android. permission. READ CONTACTS, or qrantUriPermission( ) 


获取 应 用 信息 
我 们 知道 ,所 有 的 应 用 的 第 一 个 activity 都 会 包含 这 样 一 个 filter: 


<intent— filter> 
<action android:name = "android. intent. action. MAIN"/> 
转 < category android: name = "android. intent. category. LAUNCHER"/> 


</intent - filter> 
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也 就 是 说 ,每 个 正常 的 有 第 一 个 activity 的 应 用 都 会 有 这 个 filter, 因此 我 们 可 以 利用 这 
一 个 特点 来 搜索 系统 中 所 有 的 应 用 : 


/x 
* 查找 符合 条 件 的 activity 
x action 为 android. intent. action.MAIN 
x Category 为 android. intent. category. LAUNCHER 
x*/ 
Intent mainIntent = new Intent( Intent. ACTION_MAIN, null); 
mainIntent.addCategory( Intent. CATEGORY _LAUNCHER ) 7 
PackageManager packageManager = getPackageManager(); 
// 查 询 activity 
List< ResolveInfo > list = packageManager. queryIntentActivities(mainIntent, 0); 
RrrayList<ListVo> appList = new ArrayList <ListVo>(); 
for(ResolveInfo res:1ist){ 
// 应 用 名 称 
String label = res. loadLabel(packageManager) .toString( ); 
// 应 用 包 名 
String packageName = res. activityInfo. packageName; 
// 获 取 应 用 图 标 
Drawable drawable = res. activityInfo. loadIcon(getPackageManager( )); 
BitmapDrawable bm = (BitmapDrawable)drawable; 
Bitmap icon = bm. getBitmap() 


获取 进程 信息 


获取 运行 中 的 应 用 


List < RunningAppProcessInfo> runningProcess = am. getRunningAppProcesses(); 
for (RunningAppProcessInfo amPro : runningProcess){ 


// 获 得 该 进程 占用 的 内 存 

int[] myMempid = new int[ ] {amPro. pid}; 

// 此 MemoryInfo 位 于 android. os.Debug.MemoryInfo 包 中 ,用 来 统计 进程 的 内 存 信息 
Debug. MemoryInfo[ ] memoryInfo = am. getProcessMemoryInfo(myMempid); 


// 获 取 进 程 占 内 存 信息 形 如 3. 14MB 

double memSize = memoryInfo[0]. dalvikPrivateDirty/1024.0; 
int temp = (int)(memSizex 100); 

memSize = temp/100.0; 

// 获 取 进 程 名 称 

String processName = amPro. processName; 


获取 系统 可 用 内 存 : 


ActivityManager. MemoryInfo memoryInfo = new ActivityManager. MemoryInfo( ); 

am. getMemoryInfo(memoryInfo) ; 

long memSize = memoryInfo. availMem ; 

String memoLeft = "system idle memory:" + Formatter. formatFileSize (this, memSize); 
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杀 死 运行 中 的 进程 : 


List < RunningAppProcessInfo> runningProcess = am. getRunningAppProcesses( ); 
for (ActivityManager. RunningAppProcessInfo amPro : runningProcess){ 

String processName = amPro. processName; 

am. restartPackage( processName); 


调用 闪光 灯 
闪光 灯 的 操作 是 和 相机 的 调用 绑 定 在 一 起 的 ,也 就 是 说 使 用 闪光 灯 必 定 会 调用 相机 。 
相机 功能 通过 SurfaceView 来 实现 ,相机 中 的 预览 画面 本 质 上 就 是 一 个 SurfaceView, 如 : 


public class TorchActivity extends Activity implements SurfaceHolder. Callback{ 


private Camera camera; 

private SurfaceView mSurfaceView; 
private SurfaceHolder mSurfaceHolder; 
private boolean mIsSupported = false; 


@Override 

public void onCreate(Bundle savedInstanceState){ 
super. onCreate( savedInstanceState); 
setContentView(R. layout. activity_torch); 
initTorch(); 


@Override 
public void onDestroy( ){ 
super. onDestroy( ); 


private void initTorch( ){ 
if(getPackageManager(). hasSystemFeature( 
PackageManager. FEATURE CAMERA_FLASH)) { 

try { 
mSurfaceView = (SurfaceView) findViewById(R. id. torch); 
mSurfaceHolder = mSurfaceView. getHolder( ); 
mSurfaceHolder. addCallback( this); 
mSurfaceHolder. setType( SurfaceHolder. SURFACE_TYPE_PUSH_BUFFERS ); 
mIsSupported = true; 

} catch( Exception e) { 
e.printStackTrace( ); 


CheckBox toggle = (CheckBox) findViewById(R. id. toggle); 
toggle. setOnCheckedChangeListener(new OnCheckedChangeListener() { 


第 六 章 Easearch 


@Override 
public void onCheckedChanged( CompoundButton buttonView, 
boolean isChecked) { 
if(!mIsSupported){ 
Toast. makeText (TorchActivity. this, 
"Flash light not supported" ,Toast.LENGTH LONG ) ; 
return; 
} 
Camera. Parameters param = camera. getParameters( ); 
if(!isChecked){ 
// 关 闭 闪光 灯 
param. setFlashMode( Camera. Parameters. FLASH_MODE _OFF ); 
camera. setParameters( param) ; 
// 停 止 相机 预览 
camera. stopPreview( ); 
}else{ 
// 打 开 闪 光 灯 
param. setFlashMode(Camera. Parameters. FLASH_MODE TORCH); 
camera. setParameters( param) ; 
// 开 始 相机 预览 


camera. startPreview( ); 


1); 
lL 


@Override 

public void surfaceChanged( SurfaceHolder arg0, int argl, int arg2, int arg3) 
{ 

l; 


@Override 
public void surfaceCreated( SurfaceHolder holder) { 
try { 
if(camera== null){ 
1/ 打开 相机 
camera = Camera. open (); 
} 
// 设 置 预 览 的 画布 
camera. setPreviewDisplay(holder); 
} catch (Exception e) { 
e. printStackTrace( ); 
} 
} 


@Override 

public void surfaceDestroyed(SurfaceHolder arg0) { 
camera. release( ); 
camera= null; 
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如 果 没 有 这 个 SurfaceView 或 者 这 个 SurfaceView 不 可 见 (invisible), 则 获取 不 到 


camera 的 对 象 。 当 然 ,调用 闪光 灯 需 要 权限 android. permission. CAMERA。 


第 四 节 功能 实现 


界面 实现 


本 应 用 只 有 一 个 界面 (长 舒 一 口气 ) ,界面 的 布局 也 相对 简单 ,如 图 6-8 所 示 。 此 外 , 搜 


索 结 果 栏 的 布局 相对 较为 复杂 ,我 们 会 在 下 面 的 一 节 中 详细 讲解 。 


ImageView 
搜索 框 FrameLayout 
EditText 


搜索 结果 栏 


ListView 


FrameLayout 
快速 启动 栏 
GridView 


图 6-8 布局 示意 
这 个 界面 的 框架 就 是 : 


<LinearLayout 
android: layout width= "fill parent" 
android: layout height = "fill _ parent" 
android:orientation= "vertical"> 


<FrameLayout 
android: layout width= "fill_parent" 
android: layout_ height = "wrap_content" 
> 
< SurfaceView 
android: layout width= "1dip" 


LinearLayout 
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android: layout height = "1dip" 
/> 

< ImageView 
android: layout width= "fill parent" 
android: layout_ height = "100dip" 
/> 

<EditText 
android: layout width = "300dip" 
android: layout height = "45dip" 

/> 

</FrameLayout > 


< FrameLayout 
android: layout width= "fill] parent" 
android: layout height = "fill parent" 
> 
<GridView 
android: layout width= "fill_ parent™ 
android: layout_height = "fil1_parent"/> 
< com. shinado. Tearch. view. FlingListView 
android: layout_width= "300dip" 
android: layout height = "150dip" 
/> 
</FrameLayout > 


</LinearLayout > 


值得 注意 的 是 ,在 本 应 该 是 ListView 的 快速 启动 栏 在 这 里 却 使 用 了 GridView。 这 是 
因为 GridView 元 素 之 间 默 认 是 有 距离 的 ,可 以 通过 android: verticalSpacing 进行 控制 , 当 
android:numColumns 为 1 时 ,这 个 GridView 也 就 是 ListView 了 。 

有 关 ListView 的 细节 我 们 已 经 在 第 3 章 和 第 4 章 有 了 介绍 ,在 这 里 就 不 再 袭 述 了 。 


系统 主 框架 的 实现 
首先 ,使 用 一 个 TextWatcher 来 监听 输入 内 容 的 改变 : 


input = (EditText) findViewById(R. id. main_search et); 
input. addTextChangedListener(mTextWatcher ); 
A 
1 
Private TextWatcher mTextWatcher = new TextWatcher() { 
@ Override 
public void beforeTextChanged( CharSequence s, int argl, int arg2, 
int arg3) { 
} 


@Override 
public void onTextChanged(CharSequence s, int argl, int arg2, 


忆 
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int arg3) { 
} 
@Override 
public void afterTextChanged(Editable s) { 
// 搜 索 
results = doSearch( s. toString( )); 
if(results. size() == 0){ 
// 无 结果 ,关闭 搜索 结果 栏 
collapeList(); 
}else{ 
// 展 开 搜索 结果 栏 
expandList(results); 
1 
}; 
开始 搜索 : 
/x 
* 开始 搜索 
x 返回 搜索 结果 
*/ 


private ArrayList < ResultVo> doSearch( String key) 
{ 
ArrayList <ResultVo> list = new ArrayList < ResultVo>(); 
if(key. equals("") || key== null){ 
return list; 
} 
// 让 各 个 function 进行 搜索 
for(FunctionVo vo:functions){ 
vo. getFunction( ). search(list, key); 
1 


return list; 


} 


搜索 的 具体 实现 依赖 于 functions 这 个 对 象 。 我 们 来 看 functions 对 象 是 怎么 获取 的 : 


/x 
* 载 入 搜索 具体 实现 功能 
x*/ 
private void initFunction(){ 
/¥ 
x 从 配置 文件 中 获取 几 个 对 象 : 
# String className; 
int type; 
String name; 
String img; 


Easearch 


String imgLeft; 
String imgRight; 
*/ 
functions = XMLUtil. getFunctions (this); 
for (FunctionVo entity:functions){ 
ResultVo result = new ResultVo( ); 
result. setDisplayName( entity. getName( ) ) ; 
result. setType(entity. getType()); 
bey 
Class cc = Class. forName( 
PACKAGE NAME FUNCTION + entity.getClassName()); 
// 获 得 一 个 IFuction 的 实例 化 对 象 
IFunction function = (IFunction)cc. newInstance( ); 
// 初 始 化 
function. init(this, result); 
pe 
* 注 人 这 个 IFuction 
x 见 : getFunction 
# 
entity. setFunction( function); 
// 放 入 map 以 便 获取 
functionMap. put (entity. getType( ), function); 
} catch (InstantiationException e) { 
e. printStackTrace( ); 
} catch (IllegalAccessException e) { 
e. printStackTrace( ); 
} catch (ClassNotFoundException e) { 
e. printStackTrace( ); 


IFunction 是 一 个 抽象 类 : 
public abstract class IFunction { 


protected ResultVo result; 
protected Context context; 


public void init(Context context, ResultVo result){ 
this. context = context; 
this. result = result; 
b 
/ xx 
* 单 击 结果 栏 
x @param result 执行 的 结果 信息 
x | 
public abstract void function(ResultVo result); 
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* 向 左 滑动 结果 栏 

x (@param result 执行 的 结果 信息 

x*/ 
public abstract void slideLeft(ResultVo result); 
/x¥ 

* 向 右 滑动 结果 栏 

x @param result 执行 的 结果 信息 

*/ 
public abstract void slideRight(ResultVo result); 
/ xx 

* 搜索 

* @param list 搜索 的 结果 

x @param key 搜索 关键 字 

*/ 
public abstract void search(ArrayList <ResultVo> list, String key); 
/NR 

* 刷 新 

x*/ 
public abstract void refresh( ); 


public ResultVo getResult() { 
return result; 

} 

public void setResult(ResultVo result) { 
this. result = result; 

1 


再 来 看 搜索 联系 人 功能 搜索 的 实现 伪 代 码 : 


@Override 
public void search(ArrayList <ResultVo> list, String key) { 
/= 
x 搜索 联系 人 信息 
* 在 所 有 联系 人 的 信息 中 匹配 ,将 匹配 到 的 联系 人 数据 放 到 list 中 
* 是 否 有 包含 key 的 数据 
x list 搜索 到 的 结果 数据 
wy 
. 


这 里 有 一 个 非常 重要 的 实体 类 ResultVo, 它 包含 了 几 个 属性 : 


public class ResultVo implements Cloneable{ 
// 显 示 的 图 片 
private Bitmap img; 
/x 
x* 用 于 匹配 的 名 称 
* 当 displayName 是 中 文 时 , 此 对 和 象 为 出 splayName 的 拼音 
x*/ 
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private String name; 
// 用 于 显示 的 名 称 
private String displayName; 
/*¥ 
* 用 于 执行 的 信息 , 
* 如 包 名 .号 码 等 
*/ 
private String value; 
private int type; 
public static final int TYPE APP=1; 
public static final int TYPE CONTACT = 2; 
public static final int TYPE_ORDER = 3; 


例如 ,输入 lao 时 ,会 出 现 老 邓 的 联系 人 信息 ,此 时 这 个 ResultVo 的 各 个 属性 值 如 图 6-9 


所 示 。 NE 
img name laodeng 

displayName 

value 


图 6-9 ResultVo 属性 示意 


当 搜 索 有 结果 时 ,调用 函数 : 


private void expandList(ArrayList < ResultVo > results){ 
if(resultView. getVisibility() != View. VISIBLE ){ 
resultView. setVisibility(View. VISIBLE ) ; 
resultView. startAnimation(anim in); 


: 
resultAdapter. setList(results); 
resultAdapter. notifyDataSetChanged( ); 


resultView 跟 resultAdapter 的 初始 化 : 
resultView = (FlingListView) findViewById(R. id. main_result list); 


resultAdapter = new ResultListAdapter (this, functions); 
resultView. setAdapter( resultAdapter); 


FlingListView 这 个 类 是 自 定义 的 可 滑动 的 ListView, 跟 第 4 章 介 绍 的 滑动 ListView 
有 点 类 似 ,这 个 类 会 在 接 下 来 的 一 节 具 体 讲 解 。ResultListAdapter 类 的 伪 代 码 如 下 : 


public class ResultListAdapter extends BaseAdapter{ 
Private Context context; 
private ArrayList <ResultVo> list; 加 
private HashMap < Integer, ImgsVo> imgMap = new HashMap < Integer, ImgsVo>(); | 
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public void setList(ArrayList <ResultVo> list) { 
this. list = list; 


/ xx 
x 四 param context 
* @param functions 用 于 初始 化 图 标 
*/ 
public ResultListAdapter(Context context, ArrayList < FunctionVo> functions) { 
this. context = context; 
initBitmap( functions); 


/ xx 
* 初始 化 图 标 
# (param functions 


x*/ 
2 private void initBitmap( ArrayList < FunctionVo> functions){ 
// 从 functions 中 初始 化 图 标 


@Override 
public int getCount() { 
if(list != null){ 
return list. size(); 


} 
return 0; 
1 
@Override 
public Object getItem( int position) { 
return null; 
} 
@Override 
public long getItemId( int position) { 
return 0; 
1 
@Override 
public View getView( int position, View convertView, ViewGroup parent) { 
// 设 置 视图 内 容 
/ xx 
* 重要 : 设置 id 用 于 获取 正确 的 位 置 
x*/ 
ConvertView. setId(position); 
return convertView; 
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接 下 来 ,设置 单 击 结果 栏 的 某 个 元 素 的 监听 器 : 


resultView. setOnItemClickListener(new OnItemClickListener() { 
@Override 
public void onItemClick( AdapterView <?> arg0, View argl, int position, 
long arg3) { 
action(position); 
} 
1); 
// 此 处 省 去 5 行 代码 
} 
private void action( int position){ 
if(position > = results. size()){ 
return; 
b 
ResultVo result = results. get (position); 
// 根 据 type 来 获取 Function 的 具体 实现 对 象 
IFunction func = functionMap. get(result. getType()); 
if(func != null){ 
// 执 行 


func. function( result); 


} 
// 清 空 搜索 栏 中 的 内 容 
input. setText(""); 


联系 人 功能 的 具体 实现 : 


@Override 
public void function(ResultVo rs) { 
// 拨 号 
String body = rs. getValue( ); 
if(!body. equals("")){ 
Intent myIntentDial = new Intent( 
Intent. ACTION_CALL ,Uri. parse( "tel:" + body) ); 
context. startActivity(myIntentDial); 


接 下 来 设置 结果 栏 左右 滑动 的 监听 器 (这 个 监听 器 是 自己 实现 的 , 接 下 来 一 节 中 会 讲解 ): 


resultView. setOnItemMovingListener(new OnItemMovingListener() { 
@Override 
public void onItemMoving( int absolutePosition, int movingDirection) { 
action(absolutePosition, movingDirection); 
} 
1D); 
// 此 处 省 去 14 行 代码 


时 
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private void action( int position, int movingDirection){ 
ResultVo result = results. get (position); 
IFunction function = functionMap. get(result.getType()); 
if(function != null){ 
Switch(movingDirection){ 
case FlingListView. DIRECTION_LEFT: 
function. slideLeft (result); 
break; 
case FlingListView. DIRECTTION_RIGHT : 
function. slideRight(result); 
break; 
} 


input. setText(""); 


联系 人 功能 的 具体 实现 : 


@Override 

public void slideLeft(ResultVo rs) { 
// 调 用 发 送 短信 界面 
String body = rs. getValue( ) ; 
Intent intent = new Intent(); 
intent. setAction( Intent.ACTION_SENDTO ) ; 
// 需 要 发 短信 的 号 码 
intent. setData(Uri. parse( "smsto:" + body)); 
intent. putExtra( "sms_body" ,num) ; 
context. startActivity( intent ); 
num= ""; 


} 


@Override 
public void slideRight (ResultVo rs) { 
// 复 制 联系 人 信息 


num= rs. getDisplayName() +" "+rs.getValue(); 


到 这 里 ,搜索 功能 就 ( 慢 ! 还 有 收 起 搜索 结果 栏 的 函数 )…… 好 吧 , 其 实 也 很 简单 ,相信 


大 家 可 以 很 轻松 读 懂 : 


private void collapeList(){ 
if(resultView. getVisibility() != View. GONE){ 
resultView. startAnimation(anim out); 
new Thread( ){ 
public void run(){ 
try { 
sleep (anim out.getDuration()); 

} catch (InterruptedException e) { 
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e.printStackTrace( ) 
} 
handler. sendEmptyMessage( 0); 
} 
}.start(); 


快速 启动 的 实现 
首先 ,初始 化 快速 启动 GridView: 


GridView gridView = (GridView) findViewById(R. id. main_ gridview ); 
// 获 取 快 速 启动 
launches = getLaunches( ); 
gridAdapter = new GridViewAdapter(this, launches); 
gridView. setAdapter(gridAdapter); 
for( IPlugin plugin:plugins){ 
plugin. setAdapter(gridAdapter); 
} 
// 设 置 事件 监听 
gridView. setOnItemClickListener(new OnItemClickListener() { 
@Override 
public void onItemClick( AdapterView <?> arg0, View view, int position, 
long arg3) { 
if(view. isEnabled()){ 
for( IPlugin plugin:plugins){ 
if(position == plugin. getPlugin(). getIndex( )){ 
plugin. toggle( IPlugin. FLAG_CLICK ); 


D); 
gridView. setOnItemLongClickListener(new OnItemLongClickListener() { 
@Override 
public boolean onItemLongClick( AdapterView <?> arg0, View view, 
int position, long arg3) { 
if(view. isEnabled()){ 
for( IPlugin plugin:plugins){ 
if(position == plugin. getPlugin().getIndex()){ 
plugin. toggle( IPlugin. FLAG_LONG_CLICK); 


} 
return false; 


D); 
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这 里 的 getLaunches() 函 数 为 : 


private ArrayList < LaunchVo > getLaunches( ){ 
RrrayList< LaunchVo > list = new ArrayList < LaunchVo>(); 
for(IPlugin plugin:plugins){ 
list.add(plugin. getPlugin(). getLaunch()); 
int index= list. size()—1; 
// 设 置 index 
plugin. getPlugin(). setIndex( index); 


return list; 


plugins 从 配置 文件 中 读 取 : 


plugins = new ArrayList < IPlugin>( ); 
pe 
* 从 配置 文件 中 获取 几 个 对 象 : 
xx String className; 
int id; 


String[ ] actions; 
String image; 
*/ 
ArrayList < XMLPlugin> list = XMLUtil. getPlugins (this); 
for(XMLPlugin entity:1ist){ 
try{ 
String className = entity. getClassName( ); 
Class cc = Class. forName(PACKAGE _NAME_PLUGIN + className); 
IPlugin plugin= (IPlugin)cc. newInstance(); 
plugin. init(this, 
entity. getId(), 
entity. getActions(), 
ResourcesUtil. getImage (entity. getImage()) 
); 
plugins. add(plugin); 
} catch (InstantiationException e) { 
e. printStackTrace( ); 
} catch (IllegalAccessException e) { 
e. printStackTrace( ); 
} catch (ClassNotFoundException e) { 
e. printStackTrace( ); 


同样 ,IPlugin 也 是 一 个 抽象 类 ,继承 自 它 的 类 需要 实现 : 初始 化 显示 信息 、 接 收 广播 并 
响应 、 响 应 长 按 或 者 单 击 事件 等 : 


public abstract class IPlugin { 


LJ private PluginVo plugin; 


第 六 章 ”Easearch 画 | 


protected Context context; 
protected GridViewAdapter adapter; 


public void setAdapter(GridViewAdapter adapter) { 
this. adapter = adapter; 


public void init(Context context, int id, String[ ] actions, int imgId){ 
this. context = context; 
LaunchVo launch = new LaunchVo( 
imgId, getInitText( ), getInitDetail 1(),getInitDetail 2()); 
PluginVo vo = new PluginVo( id, 0,actions, launch); 
this. plugin = vo; 


/xx 
* 接收 到 广播 时 的 操作 
% @param context 
x @param intent 
*/ 
public abstract void onReceive(Context context, Intent intent); 


/ 
* 单 击 或 长 按 的 操作 
* @param flag 单 击 或 者 长 按 
*/ 
public abstract void toggle(int flag); 
/xx 
* 初始化 时 text 的 内 容 
*/ 
public abstract String getInitText(); 
/x 
* 初始 化 时 detail_2 的 内 容 
*/ 
public abstract String getInitDetail 1(); 
/xx 
x* 初始 化 时 detail 1 的 内 容 
x*/ 
public abstract String getInitDetail 2(); 


public PluginVo getPlugin() { 


return plugin; 


public void setPlugin(PluginVo plugin) { 
this. plugin = plugin; 
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IPlugin 有 一 个 比较 纠结 的 对 象 PluginVo: 


public class PluginVo { 
//id, 不 解释 
private int id; 
// 在 快速 启动 界面 中 的 序号 
private int index; 
// 接 收 的 广播 的 action 
Private String[ ] actions; 
// 显 示 的 视图 实体 
Private LaunchVo launch; 


LaunchVo 的 属性 以 及 与 界面 相对 应 的 解释 如 图 6-10 所 示 。 


public class LaunchVo { 


py 
2 private int imgId; 


private String text; 

private String detail 1; 
private String detail 2; 
Private boolean enable = true; 


imageld (图 标 资源 id) 


9 Pe OFF 


detail 1| | detail 2 ee 


图 6-10 LounchVo 属 性 示意 
以 WiFi 设 置 的 实现 为 例 : 
public class WifiPlugin extends IPlugin{ 


@Override 
public void onReceive(Context context, Intent intent) { 
int index = getPlugin().getIndex(); 
LaunchVo launch = adapter. getList(). get(index); 
if (WifiManager. WIFI_STATE CHANGED ACTION. equals( intent. getAction())) 
{ 
// 获 取 WiFi 状态 
int wifiState = intent. getIntExtra(WifiManager. EXTRA_WIFI_STATE, 0); 
switch (wifiState) 
{ 
/WiFi 已 打开 
case WifiManager. HIFI_STATE_ENABLED : 


转 launch. setEnable(true); 


launch. setText( "ON" ); 
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launch. setDetail 2("Press to turn it off"); 
break; 
//WiFi 已 关闭 
case WifiManager. WIFI_STATE DISABLED: 
launch. setEnable(true) ; 
launch. setText("OFF" ) ;7 
launch. setDetail 2("Press to turn it on"); 
break; 
/UWiFi 正在 打开 
case WifiManager. WIFI_STATE ENABLING: 
//WiFi 正在 关闭 
case WifiManager. WIFI_STATE DISABLING: 
launch. setEnable(false); 
break; 


} 
adapter. notifyDataSetChanged( ); 


@Override 
public void toggle(int flag) { 
WifiManager wm = (WifiManager )context. getSystemService( 
Context. WIFI_SERVICE ); 
if(flag == FLAG CLICK){ 
// 单 击 , 开关 WiFi 
Switch(wm. getWifiState( ) ){ 
case WifiManager. WIFI_STATE_DISABLED: 
wm. setWifiEnabled(true); 
break; 
case WifiManager. WIFI_STATE _ENABLED : 
wm. setWifiEnabled(false); 
break; 
h 
}else{ 
// 长 按 , 打开 Wifi 设置 界面 
context. startActivity(new Intent( 


android. provider. Settings. ACTION_WIFI_SETTINGS ) ) ; 


private boolean isWifiOn(){ 
WifiManager wm= (WifiManager)context. getSystemService( 


Context. WIFI_SERVICE ) ; 
switch(wm. getWifiState()){ 
Case WifiManager. WIFI_STATE_ENABLED: 
return true; 
default: 
return false; 


硬 
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@Override 

public String getInitText() { 
return isWifiOn()? "ON":"OFF"; 

} 


@Override 
public String getInitDetail 1() { 
return "Wifi status"; 


} 


@Override 
public String getInitDetail 2() { 

return "Press to turn " + (isWifiOn()? "off":"on"); 
} 


滑动 列表 的 实现 

这 个 应 用 中 的 滑动 列表 的 实现 与 第 4 章 的 滑动 列表 有 点 相似 ,但 也 有 不 同 的 地 方 : 当 
列表 的 元 素 向 右 ( 左 ) 滑 动 时 ,元 素 左 ( 右 ) 边 会 弹出 一 个 提示 图 标 ,并 且 在 滑动 的 过 程 中 保持 
位 置 不 变 ,如 图 6-11 所 示 。 


com,mocaa wher 


com.mocaa.where 


‘ LI i 

@" @." @' 

™ mm 3 
图 6-11 滑动 列表 

这 个 布局 的 伪 代 码 如 下 : 


< RelativeLayout > 


<! -- 左 图 标 ,默认 靠 左 --> 
< ImageView 
android:id="@+ id/layout_list_drawable_left" 
/> 
<! -- 显示 界面 -一 > 
<LinearLayout > 
</LinearLayout > 


<! -- 右 图 标 
layout alignParentRight 一 一 > 
< ImageView 
android:id="(@+ id/layout_list_drawable_right" 
android:layout alignParentRight = "true" 
/> 


</RelativeLayout > 


第 六 章 Easearch 


画 [ 


这 个 功能 实现 依靠 于 margin_left 与 margin_right 的 动态 设置 。 当 整个 元 素 往 右 滑动 
时 ,改变 layout_list_drawable_left 这 个 ImageView 的 margin_left 的 值 ,margin_left 的 值 
正 是 元 素 移动 的 距离 如 图 6-12 所 示 ; 当 整 个 元 素 往 左 滑动 时 同 理 。 


元 素 移动 的 距离 


加 回 麦 轿 


margin_left 负 值 
元 素 移动 的 距离 


margin_right 正 值 


图 6-12 列表 滑动 的 原理 


Private boolean move( int offset){ 
if(mChildView== null){ 
// 空 白 区 域 
if(mChildPosition >= FlingListView. this. getChildCount()){ 
mIsToSlide = false; 
return true; 
} 
// 获 取 子 元 素 
mChildView = getChildAt(mChildPosition); 
mDrawableLeft = (ImageView)mChildView. findViewById( 
R. id. layout_list_drawable_left); 
mDrawableRight = (ImageView)mChildView. findViewById( 
R. id. layout_ list_drawable_right ); 
} 
mChildView. scrollTo( offset, 0); 


/*% 
* 向 右 滑 动 , 出 现 左边 的 图 标 
x*/ 


if(offset < 0){ 
RelativeLayout. LayoutParams params = 
(RelativeLayout. LayoutParams) mDrawableLeft. getLayoutParanms( ); 
if( - offset > params.width){ 
证 (mDrawableLeft.getVisibility() != View. VISIBLE ){ 

// 出 现 右边 图 标 

movingDirection = DIRECTION_RIGHT; 

mDrawableLeft. setVisibility(View. VISIBLE ) ; 

mDrawableLeft. startAnimation(anim); 


时 


证 
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} 


}else{ 
if(mDrawableLeft. getVisibility( ) != View. GONE ){ 
movingDirection = DIRECTION_NONE ; 
mDrawableLeft. setVisibility(View. GONE ); 


} 

/x 
* 标题 要 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 
* 实现 的 关键 
bo 

params. leftMargin = offset; 

mDrawableLeft. setLayoutParams( params); 


//1leftwards 
else{ 


;9 


RelativeLayout. LayoutParams params = 
(RelativeLayout. LayoutParams) mDrawableRight. getLayoutParanms( ); 
if(offset > params. width){ 
if(mDrawableRight. getVisibility() != View. VISIBLE ){ 
// 出 现 左 边 图 标 
movingDirection = DIRECTION_LEFT; 
mDrawableRight. setVisibility(View. VISIBLE ); 
mDrawableRight. startAnimation(anim); 
} 
}else{ 
if(mDrawableRight. getVisibility() != View. GONE ){ 
movingDirection = DIRECTION_NONE; 
mDrawableRight. setVisibility(View. GONE ); 


} 

/人 

* 标题 要 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 长 
* 实现 的 关键 

关 / 

Pparams. rightMargin = ~ offset; 

mDrawableRight. setLayoutParams( params); 


return false; 


chapter 第 七 章 


地 图 十 增强 现实 


清单 

Demo 代码 : 
\demo\Demo_Where 
实例 代码 : 


\source codes\MyWhere 


Target SDK: 


Android 2.2 


第 一 节 产品 介绍 


这 一 章 要 介绍 的 实例 不 能 算是 一 个 实际 的 产品 ,因为 是 从 一 个 大 项 目 中 抽 离 出 来 的 ,只 
有 几 个 简单 的 小 功能 。 但 是 这 一 章 会 详细 地 讲解 增强 现实 的 实现 ,并 且 对 其 中 的 几 个 难点 
进行 详细 的 分 析 。 

这 个 产品 借鉴 (模仿 ) 了 wikitude 的 增强 现实 导航 功能 ,如 图 7-1 所 示 。 


图 7-1 wikitude 应 用 
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需求 分 析 
定位 .搜索 周边 
通过 百度 提供 的 API, 搜 索 周边 ,如 图 7-2 所 示 。 
增强 现实 显示 
将 搜索 到 的 消息 通过 增强 现实 的 方式 展示 出 来 ,如 图 7-3 所 示 。 


中 国 邮政 储 


图 7-2 搜索 周边 功能 图 7-3 增强 现实 显示 
兴趣 点 
移动 缩放 兴趣 点 ; 借助 百度 API, 单 击 兴趣 点 进入 详情 页 面 。 
拍照 
保存 当前 画面 。 


第 二 节 地 图 开发 


在 开发 地 图 应 用 时 ,我 们 一 般 不 使 用 Android 自 带 的 Google 地 图 ,原因 有 多 个 。 首 先 
是 谷歌 的 服务 在 中 国内 地 不 稳定 ; 其 次 ,有 许多 国产 的 ROM 去 掉 了 Google 地 图 的 库 , 在 
这 样 的 机 器 上 是 运行 不 起 来 的 。 因 此 ,本 应 用 使 用 百度 地 图 来 搭建 。 

进入 网 站 http://developer. baidu. com/map/sdk-android. htm, 在 这 里 有 非常 丰富 的 


开发 示例 ,在 这 里 我 就 不 多 效 述 了 
第 三 节 ”传感器 开发 


传感器 种 类 
Android 2. 3 支持 的 传感器 有 11 种 ,如 表 7-1 所 示 。 
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表 7-1 传感器 

传感器 名 称 Fe 
ACCELEROMETER 加 速度 感应 器 
GRAVITY 重力 感应 器 
GYROSCOPE 陀螺 仪 感应 器 
LIGHT 光线 感应 器 
LINEAR_ACCELERATION 线性 加 速度 感应 器 
MAGNETIC_FIELD 磁力 感应 器 
ORIENTATION 方位 感应 器 
TYPE_PRESSURE 压强 感应 器 
TYPE_PROXIMITY 距离 感应 器 
ROTATION_VECTOR 旋转 向 量 感应 器 
EMPERATURE 温度 感应 器 


重要 的 感应 器 为 加 速度 感应 器 方位 感应 器 以 及 陀螺 仪 感 
应 器 。 在 这 一 节 只 介绍 这 三 个 感应 器 的 知识 。 这 三 个 感应 器 都 
有 三 个 数据 : X、Y、Z。 为 了 讲解 方便 ,假定 手机 的 坐标 系 如 
图 7-4 所 示 。 

加 速度 感应 器 

顾名思义 ,加 速度 感应 器 就 是 测量 各 个 方向 的 加 速度 。 由 
于 重力 的 存在 , 当 手 机 平 放 时 ,会 有 一 个 方向 的 值 不 为 0, 而 其 他 
两 个 方向 值 为 0。 手机 的 摆 放 位 置 及 X.Y,、Z 的 值 如 表 7-2 
所 示 。 


表 7-2 手机 摆 放 位 置 与 X.Y.Z 的 值 


摆 放 位 置 和 Yr Z 
平 放 朝 上 (2Z 正 半 轴 方向 ) 0 0 9.8 
平 放 朝 下 (Z 负 半 轴 方 向 ) 0 0 一 9.8 
直立 朝 下 (Y 负 半 轴 方 向 ) 0 一 9.8 0 
直立 朝 上 (Y 正 半 轴 方向 ) 0 9.8 0 
屏幕 朝 左 (Z 负 半 轴 方 向 ) 9.8 0 0 
屏幕 朝 右 (Z 正 半 轴 方向 ) 二 多 总 0 0 


方向 感应 器 

方向 感应 器 的 原理 是 利用 磁极 感应 来 测 出 手机 的 朝向 。 其 中 ,X 值 指示 方向 ,Y 值 指 示 
手机 Y 轴 相 对 于 地 面 的 旋转 量 ,Z 表示 手机 XX 轴 相 对 于 地 面 的 旋转 量 ,X 值 指示 方向 。 

将 手机 平 放 于 水 平面 上 ,Y 跟 Z 的 值 都 为 0. 而 XX 的 值 指 向 了 手机 的 方向 。 此 时 ,车 手 
机 的 Y 轴 正 半 轴 指向 正 北方 , 则 X 的 数值 为 0(360) , 西 为 270, 南 不 为 180, 东 为 90。 

将 手机 绕 着 X 轴 旋 转 , 当 Y 轴 正 半 轴 指向 天 空 时 ,Y 值 为 一 90, 指 向 地 面 为 90, 而 当 Z 
轴 正 半 轴 (屏幕 ) 指 向 地 面 时 ,Y 值 为 180( 一 180)。 


m 


正 半 轴 (屏幕 ) 指 向 地 面 时 ,2 值 为 0。 


将 手机 绕 着 Z 轴 旋 转 , 当 X 正 半 轴 指向 地 面 时 ,2 值 为 一 90, 指 向 天 空 为 90, 而 当 Z 轴 过 
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陀螺 仪 感应 器 


陀螺 仪 感应 器 记录 的 是 手机 在 任何 一 维 上 的 旋转 变化 量 。 所 以 当 手 机 绝对 静止 的 时 


候 ,X\Y、Z 的 值 都 为 0。 
当 手 机 绕 着 X 轴 旋 转 时 ,X 值 开 始 变 化 ,数值 的 绝对 值 指示 了 旋转 速度 。 
当 手 机 绕 着 Y 轴 旋 转 时 ,Y 值 开 始 变 化 .数值 的 绝对 值 指示 了 旋转 速度 。 
当 手 机 绕 着 Z 轴 旋 转 时 ,Z 值 开始 变化 ,数值 的 绝对 值 指示 了 旋转 速度 。 
传感器 使 用 
传感器 的 使 用 很 简单 ,注册 一 个 就 行 : 
public class SensorDetailActivity extends Activity { 


private SensorManager sensorManager; 


@Override 

public void onCreate(Bundle savedInstanceState){ 
super. onCreate( savedInstanceState); 
setContentView(R. layout. activity_sensor detail ); 


int type = Sensor. TYPE_ACCELEROMETER 
// 获 取 传 感 器 服务 类 
sensorManager = (SensorManager) getSystemService( SENSOR_SERVICE ); 
Sensor sensor_orientation = sensorManager. getDefaultSensor(type); 
/x 
* 注册 传感器 
x* sensorListener 监听 器 
x* Sensor_orientation 传感器 类 型 
x SensorManager. SENSOR_DELAY_UI 传感器 精度 ,有 
% SensorManager. SENSOR_DELAY UI 
x SensorManager. SENSOR_DELAY NORMAL 
x* SensorManager. SENSOR_DELAY _ GAME 
* SensorManager. SENSOR_DELAY_FASTEST 
x 精度 依次 增 大 
x*/ 
sensorManager. registerListener( sensorListener, 
sensor_orientation, 
SensorManager. SENSOR_DELAY _UI); 
} 


private SensorEventListener sensorListener = new SensorEventListener( ){ 
@Override 
// 可 以 得 到 传感器 实时 测量 出 来 的 变化 值 
public void onSensorChanged( SensorEvent event) { 
float x= event. values[ SensorManager. DATA_X]; 
float y= event. values[ SensorManager. DATA_Y]; 
float z= event.values[ SensorManager. DATA_2]; 
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@Override 
public void onAccuracyChanged( Sensor arg0, int arg1) { 
} 
}; 
@Override 
public void onDestroy( ){ 
super. onDestroy( ); 
// 记 得 要 注销 哦 


sensorManager. unregisterListener(sensorListener); 


需要 注意 的 是 ,在 网 上 搜索 的 时 候 可 能 会 看 到 这 样 注册 的 方式 : 


sensorManager. registerListener(new Senserbistener(){ 


(@Override 

public void onAccuracyChanged( int arg0, int arg1) { 

} 

@Override 

public void onSensorChanged( int arg0, float[] argl) { 
} 


Sensor. TYPE_ACCELEROMETER, 
SensorManager. SENSOR_DELAY UI); 


这 个 方法 已 经 被 Google 废弃 了 ,最 好 不 要 使 用 ,这 个 方法 在 老 版 本 的 设备 上 可 以 使 用 ， 
但 是 在 新 设备 (如 小 米 2) 上 就 无 法 正常 获取 数据 。 


第 四 节 相机 开发 


相机 的 预览 画面 本 质 上 是 一 个 SurfaceView, 通 过 使 用 Camera 封装 的 方法 ,来 获取 相 


机 预览 ,拍照 等 相机 功能 。 
相机 画面 预览 

我 们 在 前 面 一 章 提 到 过 相机 的 功能 ,在 这 一 节 我 们 会 详细 讲解 相机 预览 画面 的 使 用 。 
首先 ,很 常规 的 开局 : 


public class CameraView extends SurfaceView implements SurfaceHolder. Callback{ 


public CameraView(Context context, AttributeSet attrs) { 
super(context,attrs); 
this. mContext = context; 
mHolder = this. getHolder( ); 
mHolder. setType( SurfaceHolder. SURFACE_TYPE_PUSH_ BUFFERS); 
mHolder.addCallback(this); 
// 设 置 透明 图 层 
this. setZOrderOnTop( false); 


上 上 
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在 重 写 的 surfaceCreated 方法 中 ,加 入 细节 设置 。 
第 一 步 ,获取 camera 对 象 。 


mCamera = Camera. open (); 


第 二 步 ,调整 相机 方位 。 由 于 Android 对 相机 的 设 定 默 认 是 横向 的 ,我 们 需要 把 相机 调 
正 过 来 ( 略 显 奇怪 的 设 定 )。 注 意 , 此 方法 是 2.2 以 上 的 SDK 才 有 的 : 


mCamera. setDisplayOrientation(90); 


第 三 步 ,获取 设备 支持 的 相机 预览 大 小 以 及 照片 大 小 。 这 一 步 比 较 纠 结 , 因 为 有 些 设备 
不 支持 正常 的 照片 大 小 如 480X800。 如 果 设 置 了 设备 不 支持 的 大 小 就 会 出 现 错误 : 


java. lang. RuntimeFException: setParameters failed 

at android. hardware. Camera. native_setParameters(Native Method) 

at android. hardware. Camera. setParameters( camera. java: 1490) 

at com. example. demo_where. CameraView. surfaceCreated (CameraView. java:89) 


因此 我 写 了 一 个 方法 ,通过 和 设备 屏幕 大 小 的 比较 来 获取 合适 的 预览 大 小 : 


/oe 
* @param display 屏幕 显示 的 大 小 
x @param supportedPreviewSizes 设备 支持 的 预览 /照片 大 小 
x @return 
*/ 
private Size getSuitableParameter(Display display, 
List< Size> supportedPreviewSizes){ 
// 获 取 设 备 支 持 的 大 小 
int min = 100000; 
int index = 0; 
for(int i=0; i< supportedPreviewSizes. size(); i++){ 
Size size = supportedPreviewSizes. get(i); 
// 如 果 支 持 的 长 宽 跟 屏幕 长 宽 有 一 个 相等 ,就 是 它 了 
if(size. width== display. getHeight()){ 
return size; 
} 
if(size. height == display. getWidth()){ 
return size; 
. 
// 否 则 , 取 两 者 差 值 最 小 的 
int gapHeight = Math. abs (size. height - display. getWidth( )); 
int gapWidth = Math. abs (size.width - display. getHeight()); 
if(gapHeight + gapWidth < min){ 
min= gapHeight + gapWidth; 
index = i; 
} 
. 
return supportedPreviewSizes. get (index); 
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设置 相机 预览 的 大 小 以 及 照片 大 小 : 


// 获 取 窗 口 显示 的 大 小 ,用 于 比较 
WindowManager wm = (WindowManager) mContext 
.getSystemService(Context. WINDOW_SERVICE ); 
Display display = wm. getDefaultDisplay(); 
Camera. Parameters parameters = mCamera. getParameters( ); 
// 获 取 合 适 的 、 手 机 支持 的 预览 大 小 
Size previewSize = getSuitableParameter(display, 
parameters. getSupportedPreviewSizes( ) ); 
// 设 置 预览 大 小 
parameters. setPreviewSize(previewSize. width, previewSize. height); 
// 获 取 合适 的 、 手 机 支持 的 预览 拍照 图 片 大 小 
Size picturSize = getSuitableParameter(display, 
parameters. getSupportedPictureSizes()); 
// 设 置 拍照 图 片 大 小 
Parameters. setPictureSize(picturSize. width, picturSize. height); 


第 四 步 ,设置 相机 帧 数 。 同 样 的 老 问 题 ,需要 获取 设备 支持 的 相机 帧 数 进行 设置 


// 设 置 相机 帧 数 
parameters. setPreviewFrameRate( getPreviewRate(parameters) ); 


private int getPreviewRate(Camera. Parameters parameters){ 
List < Integer > list = parameters. getSupportedPreviewFrameRates( ); 
if(list.size() > 0){ 
return list. get (list. size()/2); 
}else{ 
return— 1; 


} 


最 后 ,设置 其 他 参数 ,开始 预览 : 


// 设 置 相机 成 像 格式 

parameters. setPictureFormat (PixelFormat. JPEG ); 
// 设 置 相 片 质量 

parameters. setJpegQuality(85); 
mCamera. setParameters(parameters); 
/x 

* 关键, 设置 预览 的 surface 

ew 
mCamera. setPreviewDisplay(mHolder); 
// 开 始 预览 
mCamera. startPreview( ); 
mISPreview = true; 


在 画布 销毁 的 时 候 释 放 camera 对 象 ; 


坚 
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@Override 
public void surfaceDestroyed( SurfaceHolder holder) { 
if(mCamera!= null){ 
if(mIsPreview){ 
mCamera. stopPreview(); 
Hl 
mCamera. release!( ); 
}else{ 
Log.e("camera", "null"); 
} 
} 


最 后 要 记得 加 上 使 用 相机 的 权限 : 


<uses - permission android:name = "android. permission. CAMERA"/> 


2 拍照 并 保存 


调用 Camera 的 takePic 方 法 ,提供 一 个 回调 函数 设置 拍照 后 的 处 理 : 


public void takePic( ){ 
if(mCamera== null){ 
Log.e("camera", "null"); 
return; 
1 
mCamera. takePicture(null, null, picCallback) ; 
// 拍 照 自动 停止 预览 
mIsPreview= false; 
} 
private static final String AR_PIC_PATH = "/sdcard/demo_where/"; 
private PictureCallback picCallback = new PictureCallback( ){ 
@Override 
public void onPictureTaken(final byte[ ] data, Camera camera) { 
if(mpd == null){ 
// 设 置 等 待 对 话 框 
mpd = new ProgressDialog(mContext); 
mpd. setProgressStyle(ProgressDialog. STYLE_SPINNER); 
mpd. setIndeterminate(false); 
mpd. setCancelable( true); 
mpd. setTitle(" 正 在 保存 ,请 稍 候 " ); 
} 
mpd. show( ) 7 


new Thread( ){ 
public void run( ){ 
// 获 取 拍 照 的 Bitmap 对 象 
Bitmap photo = BitmapFactory. decodeByteArray( 
data, 0, data. length, nu11); 


/x 


耕 


第 七 章 MyWhere 


* 保存 照片 
x AR_PIC_PATH 路 径 
getTimeInSec( ) 文件 名 ,为 了 确保 唯一 , 以 年 月 日 时 分 秒 来 命名 
*/ 
boolean flag= saveBitmap( AR_PIC PATH, getTimeInSec(),photo); 
if(flag){ 
mHandler. sendEmptyMessage( 1); 
Jelse{ 
mHandler. sendEmptyMessage( — 1); 
} 
continuePreview(); 
} 
}.start(); 


放 


保存 图 片 的 方法 依然 是 使 用 1/O 来 实现 : 


Private boolean saveBitmap(String url, String picName, Bitmap bitmap){ 
try{ 
File newfolder = new File(url); 
// 如 果 不 存 在 该 路 径 , 创 建 一 个 文件 夹 
if(! (newfolder. exists())&&! (newfolder. isDirectory())){ 
newfolder. mkdirs(); 
}: 
url= url+ picName + ".jpg"; 
File f= new File(url); 
f. createNewFile(); 
FileOutputStream fOut = null; 
fOut = new FileOutputStream(f£); 
// 保 存 图 片 
boolean flag = bitmap. compress(Bitmap. CompressFormat. JPEG, 100, f0ut); 
fOut. flush( ) ; 
fOut. close(); 
return flag; 
}catch( Exception e){ 
e. printStackTrace( ); 
} 


return false; 


由 于 保存 图 片 是 对 存储 卡 进行 写 人 的 操作 ,因此 需要 权限 : 


<uses - permission android:name = "android. permission. WRITE_FXTERNAL STORAGE"/> 


到 
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指 
什么 ImageView、Button、TextView 了 ,需要 自己 绘制 文本 、 图 形 , 其 至 按钮 。 所 以 在 这 一 
我 们 要 学 习 Canvas 绘图 ,将 图 片 .文本 等 元 素 通 过 裁剪 、 修 边 、 粘 合 等 方式 在 Canvas 上 绘图 。 


图 片 粘 合 


第 五 节 ”Canvas 绘图 


在 SurfaceView 的 世界 里 ,所 有 的 元 素 都 是 通过 Canvas 绘制 上 去 的 ,所 以 不 要 指望 有 
节 


首先 ,绘制 一 个 canvas 背景 。 这 个 Bitmap 必须 是 透明 的 。 


/¥ 

* 绘制 一 个 mutable 的 位 图 作为 canvas 的 背景 

x 长 : bgHeight 宽 : bgWidth 

*/ 

Bitmap newbmp = Bitmap. createBitmap (bgWidth, bgHeight, Config. ARGB 8888 ); 
Canvas cv = new Canvas( newbmp); 


接 下 来 ,在 这 个 画布 上 绘制 你 想 要 的 位 图 : 


cv. drawBitmap(background, 0,0, nu11); 
cv. drawBitmap( foreground, offset. x, offset. y,null); 


绘制 完成 之 后 ,这 张 Canvas 的 位 图 newbmp 就 是 我 们 需要 的 粘 合 效果 。 完 整 的 函数 为 ， 


public Bitmap combineBitmap(Bitmap background, Bitmap foreground, Point offset) { 
if(background== null | | foreground== null) { 
return null; 
} 
if(offset == nul11){ 
offset = new Point(0,0); 
lL 
int bgWidth = background. getWidth( ); 
int bgHeight = background. getHeight( ); 


Bitmap newbmp = Bitmap. createBitmap (bgWidth, bgHeight, Config. ARGB_8888); 
Canvas cv = new Canvas( newbmp); 


cv. drawBitmap( background, 0, 0, nu11); 
cv. drawBitmap( foreground, offset.x,offset. y, null1); 
return newbmp; 


图 片 剪 切 


首先 ,准备 好 一 张 你 需要 剪 切 的 形状 的 图 片 .如 图 7-5 所 示 ,透明 部 分 表示 需要 裁剪 的 


部 分 。 
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图 7-5 剪 切 的 形状 
接 下 来 的 代码 与 第 一 个 没有 什么 区 别 ,但 是 加 上 了 一 支 画笔 : 


Paint paint = new Paint(); 
paint. setXfermode( new PorterDuffXfermode( Mode. SRC_IN)); 


这 段 代码 的 意思 是 设置 两 图 相交 时 的 模式 ,这 个 模式 表示 后 面 的 图 将 会 覆盖 前 面 的 图 ， 
而 前 面 图 透明 的 部 分 将 会 消失 。 完 整 的 代码 如 下 : 


public Bitmap clipBitmap(Bitmap bitmap, Bitmap cover){ 
Bitmap output = Bitmap. createBitmap (bitmap. getWidth( ), bitmap 
.getHeight(),Config. ARGB_8888 ); 
Canvas canvas = new Canvas(output); 


canvas. drawBitmap( cover, 0,0, null1); 
/x 
* 关键 ,设置 两 图 相交 时 的 绘图 模式 
ea 
Paint paint = new Paint( ); 
paint. setXfermode( new PorterDuffXfermode(Mode. SRC_IN)); 
canvas. drawBitmap( bitmap, 0,0, paint); 


return output; 


绘制 文本 
Android 的 文本 绘制 使 用 了 canvas. drwaText 的 方法 ,代码 示例 如 下 : 
public Bitmap drawText(Bitmap photo, String content){ 


Bitmap output = Bitmap. createBitmap (photo. getWidth( ), photo. getHeight( ), 
Config. ARGB_8888 ); 
Canvas canvas = new Canvas( output); 


Paint contentPaint = new Paint(); 
contentPaint. setARGB(255, 255, 255, 255); 
contentPaint. setTextSize(23); 

canvas. drawBitmap( photo, 0,0, nu11); 


NN 


坚 


Android 产 品 实战 从 零 开始 


canvas. drawText (content, 8,35,contentPaint); 
return output; 


扩展 9PNG 图 片 
如 果 是 需要 进行 拉 伸 的 9PNG 格式 图 片 , 则 需要 通过 代码 实现 : 


public Bitmap draw9png(Bitmap img9png, float width){ 
NinePatch np = new NinePatch( img9png, img9png. getNinePatchChunk( ), nul11); 
Bitmap src = Bitmap. createBitmap( 
(int) (img9png. getWidth( ) x width), img9png. getHeight( ), 
Config. ARGB 8888 ); 
Canvas c= new Canvas( src); 
c.drawBitmap( src, 0, 0, nu11); 
np. draw(c, new Rect(0,0, 
(int) (img9png. getWidth( ) x width), img9png. getHeight())); 
return src; 


第 六 节 功能 实现 


本 实例 的 重点 只 有 一 个 Activity, 增 强 现实 界面 的 Activity, 在 本 节 里 面 
个 Activity 来 讲解 的 。 


增强 现实 布局 的 实现 


在 这 个 界面 中 包含 了 多 个 图 层 , 从 内 到 外 分 别 为 相机 图 层 、 兴 趣 点 图 层 、 控 件 图 层 以 及 


雷达 图 层 , 如 图 7-6 所 示 。 


LinearLayout 雷 达 


0verlayView 兴 趣 点 


CameraView 相 机 视图 


WidgetView 控 件 


图 7-6 布局 示意 


i 我 也 是 围绕 这 
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整个 布局 的 框架 为 : 


< RelativeLayout 
> 
< com. shinado. mywhere. view. CameraView 
android:layout width= "fill] parent" 
android:layout height = "fill parent" 
/> 
< com. mocaa. where. overlay. OverlayView 
android:layout width= "fill parent" 
android:layout height = "fill _parent" 
/> 
< com. shinado. wherewidget. WidgetView 
android:layout width= "fill parent" 
android:layout height = "fill parent" 
/> 
<LinearLayout 
android:layout width= "fill parent" 
android:layout height = "wrap_content" 
android:orientation = "horizontal™" 
> 
< com. shinado. mywhere. view. RadarView 
android: layout_ width= "120dip" 
android: layout_height = "120dip" 
/> 
<LinearLayout 
android: layout width= "180dip" 
android: layout height = "wrap_content" 
android:orientation= "vertical™" 
> 
<TextView 
android: layout width= "fill_parent" 
android: layout_height = "wrap_content" 
/> 
< SeekBar 
android: layout width= "fill_parent" 
android: layout_ height = "wrap_content" 
/> 
</LinearLayout > 
</LinearLayout > 
</RelativeLayout > 


这 里 的 WidgetView 也 就 是 我 们 在 第 5 章 介绍 的 控件 ,在 这 里 就 不 再 进行 讲解 了 ,直接 
拿 来 使 用 。 
兴趣 点 OverlayView 的 实现 


这 一 节 的 内 容 是 本 章 的 重点 以 及 难点 ,因此 我 会 从 重要 到 次 要 ,再 到 边 边 角 角 来 讲解 这 
部 分 的 实现 。 首 先 ,最 重要 的 当然 是 兴趣 点 坐标 的 计算 。 
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OverlayView 兴趣 点 坐标 的 计算 

OverlayView 的 实现 是 通过 定位 数据 方向 感应 数据 .重力 感应 数据 来 动态 绘制 视图 ， 
达到 增强 现实 的 效果 。 实 现 该 视图 的 重点 就 在 于 计算 出 兴趣 点 在 手机 界面 中 的 相对 应 坐 
标 。 这 个 算法 封装 在 PointManager 中 。 

首先 ,我 们 已 知 手 机 定位 、 重 力 感应 和 方向 感应 的 数据 ,以 及 兴趣 点 的 经 纬度 及 高 度 。 

那么 ,以 我 的 位 置 作为 坐标 原点 ,得 到 兴趣 点 的 相对 坐标 : 


/x 

x InterestPoint msg 兴趣 点 

x Location userLoc ”我 的 位 置 

*/ 

double relativeLon = msg. getLon( ) - userLoc. getLongitude( ); 
double relativeLat = msg. getLat() - userLoc. getLatitude( ); 


接 下 来 计算 角度 angle: 


float angle = getAngle(relativeLon, relativeLat); 
//r 转换 为 180 
angle= (float) (anglex 180/Math. PI); 
public float getAngle( double x, double y){ 
float ret = (float) Math. abs (Math. atan (x/y)); 
// 获 取 象 限 
int quadrant = this. getQuadrant (x, y); 
if(quadrant == 4){ 
ret = (float) (Math. PI ~ ret); 
} 
if(quadrant == 3){ 
ret + =Math. PI; 
1 
if(quadrant == 2){ 
ret = (float) (Math. PI*x 2- ret); 
y 
if(ret >= Math. PI * 2){ 
ret=0; 
} 


return ret; 


这 个 angle 的 值 如 图 7-7 所 示 。 


我 的 位 置 


图 7-7 angle 值 示意 
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接 下 来 ,获取 x 坐标 的 值 : 


% 


< solid.ori 方向 感应 器 的 方向 数值 


x*/ 

float gap = angle ~ solid.ori; 
/x 

x dm. widthPixels 屏幕 宽度 
x ORI_ TO_FEDGE 相 比 值 

x*/ 


float moveX = dm. widthPixels/2 x gap/ORI_TO_EDGE ; 


return moveX; 


这 里 的 ORI_TO_EDGE 相 比 值 是 指定 的 一 个 常量 , 它 指定 了 偏离 多 少 度 时 兴趣 点 会 消 
失 在 屏幕 上 , 它 决定 了 兴趣 点 左右 晃动 的 灵敏 度 ,我 的 设置 为 55。 在 图 7-8 中 ,大 家 可 以 清 


晰 地 看 出 gap 值 的 含义 (gap 一 angle-solid. ori) 。 


图 7-8 gap 值 示意 


进行 映射 ,得 到 公 
ORIL TO_EDGE 


dm. widthPixels 


gqPp 


moveX 


假设 gap 的 值 为 14,ORL TO_EDGE 为 56 ,屏幕 的 宽度 为 480, 那 么 得 出 偏 移 量 moveX 


为 120。 


需要 注意 的 是 ,moveX 只 是 偏 移 量 。 当 solid. ori 等 于 angle 时 ,此 时 的 兴趣 点 应 该 在 
屏幕 的 正中 央 , 所 以 通过 这 个 映射 获取 的 值 只 是 偏 移 量 ,要 获取 真正 的 坐标 还 需 进 行 下 一 步 


的 计算 : 


float moveX = getMoveX (solid, msg, userLoc, dm); 
float x= moveX + dm. widthPixels/2; 

//Bitmap overlayBn 兴趣 点 的 位 图 

x=x— overlayBm. getWidth( ) /2; 


接 下 来 获取 y 坐标 的 值 。 在 这 之 前 ,我 先 讲 解 高 度 的 计算 。 为 了 避免 远 的 兴趣 点 被 近 
的 兴趣 点 覆盖 ,我 设计 了 一 个 算法 ,让 远 的 兴趣 点 的 高 度 比 近 的 兴趣 点 要 高 一 些 ,看 起 来 也 


比较 有 层次 感 一 点 : 


量 


后 
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// 获 取 与 兴趣 点 的 距离 

double distance = DistanceUtil. GetDistance( 
mLocation. getLongitude( ), mLocation. getLatitude( ), 
msg. getLon( ), msg. getLat() )7 

//maxDistance 所 有 兴趣 点 中 最 大 的 距离 

double scale = distance/maxDistance; 

float height = (float) (5 * scale); 

msg. setHeight( height); 


此 外 ,高 度 的 设置 也 有 另 一 个 作用 ,让 兴趣 点 可 以 上 下 拖 动 ,这 一 点 将 在 后 面 讲解 。 
y 坐标 偏 移 量 的 获取 相对 简单 ,也 是 通过 映射 获取 moveY 的 值 : 
public float getMoveY( Solid solid, InterestPoint msg, DisplayMetrics dm){ 

float height = msg. getHeight( ); 


float acc = solid.acc + height; 
return acc x dm. heightPixels/ACC_TO_EDGE + ADJUST_HEIGHT; 


这 里 的 ACC_TO_EDGE 设置 为 30, 这 已 经 超出 了 重力 加 速度 值 9. 8, 这 是 为 了 保证 兴 


趣 点 在 竖 直 方向 上 不 会 有 太 大 的 晃动 。 此 外 ,这 里 还 有 一 个 ADJUST_HEIGHT, 设 置 为 
50, 将 兴趣 点 稍微 往 上 移 到 屏幕 中 心 位 置 。 


同样 ,moveY 也 是 坐标 偏 移 量 ,需要 进行 处 理 获取 y 坐标 : 


loat moveY = getMoveY( solid, msg, dm) ; 
float y= dm. heightPixels/2 - moveY; 
//Bitmap overlayBm 兴趣 点 的 位 
Y=Y- overlayBn. getHeight()/2; 


这 个 方法 封装 在 PointManager 的 方法 中 : 


public Point getPoint(Solid solid, InterestPoint msg, Bitmap overlayBnm, 
Location userLoc, DisplayMetrics dm) 


OverlayView 的 实现 
OverlayView 是 一 个 标准 的 SurfaceView 架构 : 


public class OverlayView extends SurfaceView implements SurfaceHolder. Callback, 
View. OnTouchListener, Runnable { 


构造 函数 也 很 常规 : 


public OverlayView( Context context, AttributeSet attrs) { 
super(context, attrs); 
this. mContext = context; 
// 设 置 SurfaceView 相关 
mHolder = this. getHolder( ); 
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mHolder. addCallback (this); 
mHolder. setFormat (PixelFormat. TRANSPARENT ) 7 
SetZ0rderOnTop(true) ; 


// 获 取 屏 幕 长 宽 
dm = new DisplayMetrics( ); 
((Activity)context). getWindowManager( ) . 
getDefaultDisplay( ). getMetrics( dm); 


// 初 始 化 
pointManager = new PointManager( ); 
mPaint = new Paint( ); 
mPaint. setAntiAlias(true); 
bitmapUtil = new BitmapUtil(context); 


} 


在 surfaceCreated 回调 函数 中 ,做 了 两 件 事 : 注册 感应 器 和 开始 绘图 的 线程 。 在 绘制 


OverlayView 时 ,因为 感应 器 精度 的 原因 ,在 数值 上 的 一 点 点 变化 就 会 引起 图 像 的 偏 移 ,如 
果 直 接 使 用 感应 器 数据 作为 最 终 数据 ,就 会 产生 很 强烈 的 跳跃 感 。 为 了 解决 这 个 问题 ,我 设 
计 了 一 个 算法 ,该 算法 的 思想 为 一步 分 十 步 走 ”。 


在 图 7-9 中 ,直线 外 的 点 模拟 正常 情况 下 感应 器 获取 的 数据 ,大 家 可 以 看 到 这 些 点 都 是 


在 一 个 方向 上 的 ,但 是 因为 在 真实 的 复杂 情况 下 无 法 形成 一 个 平滑 直线 ,这 时 候 我 们 就 需要 
进行 处 理 。 这 个 处 理 的 方法 就 是 : 以 第 1 个 数据 为 起 点 ,第 10 个 数据 为 终点 画 一 条 直线 
(图 7-9 中 直线 ) ,再 在 这 条 直线 上 平分 出 8 个 点 ,此 时 这 些 数据 都 是 平滑 的 。 


图 7-9 平滑 值 与 实际 值 示意 


在 本 例 中 ,延长 感应 器 的 获取 间隔 ,如果 获取 间隔 为 20 毫秒 ,那么 就 变 成 200 毫秒 。 这 


相当 于 取 第 1 个 点 与 第 10 个 点 。 然 后 取 点 ,用 第 10 个 点 的 数据 减 去 第 1 个 点 ,就 是 这 两 点 
之 间 的 间隔 , 除 以 一 个 常量 得 到 间隔 增 量 ,每 次 绘图 的 时 候 都 是 使 用 第 1 个 的 数据 加 上 间隔 


加 | 
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增 量 乘 以 绘制 次 数 , 即 可 获得 所 有 直线 上 的 点 的 值 , 并 且 是 平滑 的 。 

假设 感应 器 获取 间隔 为 200 毫秒 ,绘图 间隔 为 20 毫秒 ,那么 就 应 该 将 这 段 数 据 平分 为 
10 段 。 

好 了 ,讲解 完毕 之 后 我 们 来 看 代码 。 首 先是 感应 器 数据 的 获取 : 


public class WSensorManager { 


private SensorManager sm; 
private SensorChangeListener sensorListner; 


private float mOri; 
private float mAcc; 


private boolean mFlag = true; 
public static final float SLEEP_TIME = 200; 


public void register(Context context) { 
sm= (SensorManager )context. getSystemService(Context. SENSOR_SERVICE ) ; 
start(); 
new Thread( ){ 
public void run( ){ 
while(mFlag){ 
// 监 听 器 
if(sensorListner != null){ 
sensorListner. onChange( mOri, mAcc); 
h 
// 感 应 器 数据 获取 间隔 时 间 
try { 
Thread. sleep( (int) SLEEP_TIME ); 
} catch (InterruptedException e) { 
e.printStackTrace( ); 
} 
|; 
} 
}.start(); 
} 


public void unregister() 
时 

stop( ); 

mFlag= false; 
y 


SensorEventListener accListener = new SensorEventListener() 

i 
@Override 
public void onAccuracyChanged!( Sensor sensor, int accuracy) { 
1 
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@Override 
public void onSensorChanged( SensorEvent event) { 
mAcc = event. values[2]; 


}; 

SensorEventListener oriListener = new SensorEventListener() 

{ 
@ Override 
public void onAccuracyChanged!( Sensor sensor, int accuracy) { 
lL 


@Override 
Ppublic void onSensorChanged( SensorEvent event) { 
mOri= event.values[0]; 


}; 


public void setSensorListner(SensorChangeListener sensorListner) { 
this. sensorListner = sensorListner; 


} 


private void stop( ){ 

sm. unregisterListener(accListener); 

sm. unregisterListener(oriListener); 
) 
private void start(){ 

sm. registerListener(accListener, 

sm. getDefaultSensor( Sensor. TYPE_ACCELEROMETER ), 
SensorManager. SENSOR_DELAY _UI); 


sm. registerListener(oriListener, 
sm. getDefaultSensor(Sensor. TYPE_ORIENTATION ), 
SensorManager. SENSOR_DELAY _NORMAL ) ; 
} 
public interface SensorChangeListener{ 
public void onChange(float ori, float acc); 
} 


接 下 来 ,在 surfaceCreated 回调 函数 中 计算 间隔 增 量 ， 


四 Override 
public void surfaceCreated(SurfaceHolder holder) { 
// 注 册 感 应 器 监听 
sm= new WSensorManager( ); 
sm. register(mContext); 
sm. setSensorListner(new SensorChangeListener(){ 
@Override 
public void onChange(float ori, float acc, float skew) { 
/x 
* 获取 平稳 值 
x*/ 
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Solid solid = new Solid(); 
solid. ori= ori; 
solid.acc = acc; 
if(solidList. size() == 2){ 
solidList. remove(0); 
} 
solidList. add( solid); 
if(solidList. size() == 2){ 
// 间 隔 增 量 
mAccAdd= ( solidList. get(1).acc- solidList.get(0).acc) 
/(WSensorManager. SLEEP_TIME/SCALE RATIO); 
mOriAdd= (solidList.get(1).ori— solidList. get(0).ori) 
/(WSensorManager. SLEEP_TIME/SCALE RATIO); 


scale=1; 


mISRun = true; 
new Thread(this). start( ); 


最 后 ,在 线程 中 计算 直线 上 的 点 并 绘图 : 


@Override 


public void run() { 
while(mIsRun){ 
if(mIsToDraw){ 


if(solidList. size() == 2){ 
mSolid. acc = solidList. get (0).acc + mAccAdd x scale; 
mSolid. ori = solidList. get (0).ori+mOriAdd*x scale; 
scale++; 
draw(); 


我 们 先 看 绘图 函数 ,再 回 过 头 来 讲 兴 趣 点 的 加 载 、 位 图 的 绘制 以 及 缩放 大 小 的 设置 : 


private void draw( ){ 
Canvas canvas = mHolder. lockCanvas( ); 


try{ 


canvas. drawColor (Color. TRANSPARENT, Mode. CLEAR ) ; 
} catch (Exception e) { 
return; 


} 


mIsLoaded = false; 
for(int i=0; i<mMsgs. size(); i++){ 
InterestPoint msg = mMsgs. get (i); 
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// 获 取 位 
Bitmap overlayBitmap = msg. getImageBm( ); 
// 获 取 绘 图 坐标 
Point point = pointManager. getPoint (mSolid, msg, 
overlayBitmap, mLocation, dm); 
// 获 取 缩 放大 小 
float mx = msg. getMx( ) 
if(Math.abs (mx- (一 1))<0.1f){ 
continue; 

} 
/x 

x mIndex 用 户 触摸 的 兴趣 点 序号 

* 如 果 用 户 触摸 该 兴趣 点 ,将 它 缩小 

x*/ 
if(mIndex == i){ 

me— =0.1f; 

} Se 
// 保 存 位 图 的 位 置 
Overlay overlay = overlays. get (i); 
Rect rect = overlay. getRect(); 
rect. left = point. x; 
rect. top= point.Y7 
rect. right = point. x+ (int) (overlayBitmap. getWidth() x mx); 
rect. bottom = point.y+ (int) (overlayBitmap. getHeight() x mx); 
overlay. setRect( rect); 


// 如 果 超 出 屏幕 就 不 绘图 
if(rect. right < 0 | | rect. left > dm. widthPixels || 
rect. top > dm. heightPixels | | rect. bottom < 0){ 
continue; 


} 


// 缩 放 

mMatrix. reset(); 

mMatrix. setTranslate( point. x, point. y); 
mMatrix. preScale( mx, mx); 


canvas. drawBitmap (overlayBitmap, mMatrix, mPaint); 
} 


mIsLoaded = true; 
mHolder. unlockCanvasAndPost (canvas); 


这 里 的 位 置信 息 mLocation 由 Activity 注入 。 每 当 有 位 置 更 新 时 ,重新 设置 兴趣 点 : 


public void setLocation(Location location){ 


mLocation = location; | 


233 


后 


Android 产 品 实战 从 零 开始 


十 


addMsg( mMsgs); 
radarView. setLocation( location); 
radarView.addDialogMsgs(mMsgs); 


兴趣 点 的 加 载 总 共 做 了 4 件 事 : 清除 原 有 数据 ; @ 与 雷达 视图 同步 ; @ 创 建 位 图 ; 
@ 计 算 最 远 兴趣 点 与 我 的 距离 。 由 于 雷达 和 兴趣 点 视图 是 一 一 对 应 的 ,所 以 雷达 视图 的 所 
有 数据 应 该 是 与 兴趣 点 视图 同步 的 : 


public void addMsg(final ArrayList < InterestPoint > msgs) { 
mIsToDraw = false; 
clearData( ); 
// 更 新 RadarView 
radarView.addDialogMsgs(msgs); 


new Thread( ){ 
@Override 
public void run(){ 
// 创 建 位 图 
createBitmap(msgs); 
// 计 算 最 远 兴 趣 点 离 我 的 距离 
getMaxDistance( ); 
mIsToDraw = true; 
} 
}. start(); 
} 


首先 来 看 计算 最 远 兴趣 点 的 距离 : 


private void getMaxDistance( ){ 
for(int i=0; i<mMsgs. size(); i++){ 
InterestPoint msg = mMsgs. get (i); 
double distance = msg. getDistance(); 
if(maxDistance < distance){ 
maxDistance = distance; 
} 
} 
refreshMatrix( ); 
. 


refreshMatrix( ) 这 个 函数 用 于 计算 缩放 值 以 及 计算 高 度 : 


private void refreshMatrix( ){ 
for(int i=0; i<mMsgs. size(); i++){ 
InterestPoint msg = mMsgs. get (i); 
Location msgLocation = new Location(""); 
msgLocation. setLatitude(msg. getLat( )); 
msgLocation. setLongitude(msg. getLon()); 
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float mx = getMatrix(msgLocation, mLocation, maxDistance) ; 
msg. SetMx(mx) 7 


// 获 取 与 兴趣 点 的 距离 

double distance = msg. getDistance(); 
//maxDistance 所 有 兴趣 点 中 最 大 的 距离 
double scale = distance/maxDistance; 
float height = (float) (5 x scale); 
msg. setHeight (height); 


} 
private static final float MIN_MATRIX = 0.35F; 
private static final float DEFAULT DISTANCE MAX = 1000F; 
private float getMatrix(Location msg, Location user, double maxDistance) { 
double distance = DistanceUtil. getDistance( 
msg. getLongitude( ), msg. getLatitude( ), 
user. getLongitude( ), user. getLatitude( )); 
if(Math. abs (maxDistance) > 0.1f){ 
if(distance > maxDistance){ 


Teturn 一 1; 
} 
}else{ 
maxDistance = DEFAULT_DISTANCE _ MAX; 
y 
float mx = (float) (maxDistance/distance)/2; 
if(mx > 1){ 


mx=1; 

}else if(mx < MIN_MATRIX){ 
mx= MIN_MATRIX; 

lL 


return mx; 


接 下 来 来 讲 创建 位 图 的 过 程 , 它 包括 : 计算 距离 ; @ 通 过 地 址 以 及 兴趣 点 名 称 生成 
Bitmap; @ 设 置 overlays 对 象 ; 田 保存 兴趣 点 对 象 。 


private void createBitmap(ArrayList < InterestPoint > msgs){ 
for(int i=0; i<msgs. size(); i++){ 

// 获 取 兴 趣 点 

InterestPoint msg = msgs. get(i); 

// 计 算 距 离 

double distance = DistanceUtil. getDistance( 
mLocation. getLongitude( ), mLocation. getLatitude( ), 
msg. getLon( ) ,msg. getLat( )); 

msg. setDistance(distance); 

// 生 成 Bitmap 位 图 

Bitmap result = bitmapUtil. drawTextInDialog(msg); 


msg. setImageBm( result); - 攻 
-| 
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// 设 置 overlays 对 象 
Overlay overlay = new Overlay(); 
overlay. setMsg(msg); 
overlay. setBitmap(result); 
overlay. setRect(new Rect()); 
overlays. add( overlay); 

// 保 存 兴 趣 点 对 象 
mMsgs. add (msg); 


overlays 这 个 对 象 保存 了 兴趣 点 的 位 图 以 及 位 置信 息 , 它 的 功能 有 两 个 : 四 判断 用 户 
是 否 触摸 该 兴趣 点 ; @ 拍 照 时 根据 overlays 对 象 绘制 兴趣 点 。 需 要 注意 在 draw() 函 数 执 
行 的 过 程 中 ,overlays 对 象 会 变化 ,所 以 在 获取 overlays 对 象 时 ,需要 等 待 draw( ) 函 数 执行 
完毕 后 再 获取 : 


public ArrayList < Overlay> getOverlays() { 
while(mIsLoaded == false || overlays == nul11); 
return overlays; 


就 第 一 点 来 说 ,我 们 来 看 触摸 事件 。 当 ACTION_DOWN 时 ,判断 是 否 触摸 到 了 某 一 
个 兴趣 点 ,如 果 有 的 话 记 录 在 mIndex 中 : 


case MotionEvent. ACTION_DOWN: 
ArrayList < Overlay > overlays = getOverlays(); 
for(int i= overlays. size() -1; i>=0; i--){ 
Rect rect = overlays. get(i). getRect(); 
if(rect. contains(x, y) ){ 
mIndex = i; 
return true; 
} 
} 
break; 


如 果 触 摸 了 某 个 兴趣 点 , 则 通过 改变 height 值 来 拖 动 兴趣 点 : 


case MotionEvent. aCTION_MOVE : 

if(mIndex>=0){ 
InterestPoint msg = mMsgs. get(mIndex) ; 
float height = pointManager. returnHeight(mSolid, y, dm); 
msg. setHeight (height); 
mTouchTimes++; 

+ 

break; 


获取 height 值 完全 是 获取 y 坐标 的 逆 过 程 : 
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public float returnHeight(Solid solid, int y,DisplayMetrics dm){ 
float moveY = dm. heightPixels/2 — y— ADJUST_HEIGHT; 
return moveY/(dm. heightPixels/ACC_TO_EDGE) - solid.acc; 


ACTION_UP 时 ,进行 判断 并 归 位 : 


case MotionEvent. ACTION_UP: 
if(overlayTouchListener != null && mIndex > = 0){ 
// 移 动 次 数 少 于 5, 表示 是 单 击 而 不 是 拖 动 
if(mTouchTimes <= 5){ 
overlayTouchListener. onTouch( getOverlays(). get(mIndex)); 


} 
mIndex= —1; 
mTouchTimes = 0; 


break; NN 
y 


对 于 第 二 点 拍照 ,在 Activity 中 定义 拍照 函数 : 


mCameraView. setPicCallback( new PictureCallback( ){ 
@Override 
public void onPictureTaken(final byte[ ] data, Camera camera) { 
// 等 待 对 话 框 
mpd. setMessage( "正在 保存 图 片 "); 
mpd. show( ); 


new Thread( ){ 
public void run( ){ 
// 获 取 相 片 位 
BitmapFactory. Options options = new BitmapFactory. Options( ); 
options. inSampleSize= 1; 
Bitmap photo = BitmapFactory. decodeByteArray( 
data, 0, data. length, options); 


// 在 照片 上 面 绘制 兴趣 点 
BitmapUtil bmUtil = new BitmapUtil (ARActivity. this); 
Bitmap result = bmUtil. drawTagOnPhoto( 

photo, mOverlayView. getOverlays()); 


// 保 存 图 片 
String time = TimeUtil. getTimeInSec (); 
bmUtil. saveBitmap( PIC_PATH, time, result); 


mOverlayView. stopDrawing( ); 
mpd. dismiss( ); 


mHandler. sendEmptyMessage(1); 国 | 
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}.start(); 


D); 


还 有 最 后 一 点 ,雷达 缩放 功能 的 实现 ,这 里 使 用 了 函数 ,通过 设置 最 远 值 以 及 重新 计算 
缩放 的 比例 来 实现 : 


public void setMaxDistance(double distance) { 
this. maxDistance = distance; 
radarView. setMaxDistance( distance); 
refreshMatrix( ); 


此 外 ,还 有 一 个 函数 refreshBitmapInOverlay() ,这 个 函数 用 于 在 使 用 雷达 进行 缩放 时 ， 


2 SF 重新 更 新 位 图 的 大 小 : 
private static final int MIN_WIDTH = 10; 


public void refreshBitmapInOverlay( ){ 
for(int i=0; i<mMsgs. size(); i++){ 
InterestPoint msg = mMsgs. get (i); 
Bitmap bm = msg. get ImageBm( ); 
Location msgLocation = new Location(""); 
msgLocation. setLatitude(msg. getLat( )); 
msgLocation. setLongitude(msg. getLon( ) ); 
float mx = getMatrix(msgLocation, mLocation, maxDistance); 
if(mx <0){ 
bm= null; 
J}else{ 
if(bm != null){ 
mMatrix. reset(); 
mMatrix. postScale( mz, mx); 
if(bm. getWidth() <= MIN_WIDTH | | bm. getHeight() <= MIN_WIDTH){ 
bm = Bitmap. createBitmap( bm, 0, 0, 
MIN_WIDTH, MIN_ WIDTH, mMatrix, false); 


}else{ 
bm = Bitmap. createBitmap( bm, 0,0, 
bm. getWidth( ), bm. getHeight(), mMatrix, false); 


} 

Overlay overlay = overlays. get(i); 
overlay. setBitmap (bm); 

overlay. setRect(new Rect()); 
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雷达 的 实现 
雷达 的 实现 较为 简单 ,也 是 一 个 SurfaceView, 这 里 使 用 了 两 个 位 图 ,如 图 7-10。 
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compass_fov.png compass_plain.png 


图 7-10 雷达 使 用 的 图 片 资源 
在 应 用 中 , 它 看 起 来 如 图 7-11。 


图 7-11 雷达 视图 最 终 效果 


不 知道 大 家 还 记 不 记得 在 讲 兴 趣 点 的 坐标 计算 时 ,ORI_TO_EDGE 的 值 为 56? 这 里 的 
compass_fov 的 阴影 区 域 夹 角 正 是 56”。 
与 兴趣 点 视图 相同 ,在 surfaceCreated 回调 函数 中 添加 监听 器 ， 


@Override 
public void surfaceCreated( SurfaceHolder holder) { 
createBitmap( ); 
sm = new WSensorManager( ); 
sm. setSensorListner(new SensorChangeListener(){ 
@Override 
public void onChange(float ori, float acc) { 
if(!mIsDestroyed){ 
try { 
draw(ori); 
} catch (Exception e) { 
e. printStackTrace( ); 
} 


} 
]) 
sm. register(mContext); 
mIsDestroyed = false; 


量 
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在 createBitmap() 函 数 中 ,初始 化 位 图 。 为 了 保证 雷达 视图 可 以 由 配置 文件 设 定 而 变 
化 ,因此 在 这 个 函数 中 设 定 了 位 图 的 缩放 : 


private void createBitmap( ){ 

mPlainBm = BitmapFactory. decodeResource (mContext. getResources(), 
R. drawable. compass_plain); 

mFovBm = BitmapFactory. decodeResource( mContext. getResources( ), 
R. drawable. compass_fov); 

/x 

* 在 布局 文件 中 限定 了 大 小 

x*/ 

float width= this. getWidth( ); 

float height = this. getHeight( ); 

// 比 实际 半径 稍微 小 一 点 

max = width/2 - width/2 x* 0.1f; 


2 // 按 比例 缩放 位 图 
Matrix matrix = new Matrix( ) 7 


int bmWidth = mplainBm. getWidth( ) ; 

int bmHeight = mPlainBm.getHeight(); 

matrix. postScale(width/bmWidth, height/bmHeight); 

mPlainBm = Bitmap. createBitmap (mPlainBm, 0,0, bmWidth, bmHeight, 
matrix, false); 

mFovBm = Bitmap. createBitmap (mFovBm, 0,0, bmWidth, bmHeight, 
matrix, false); 


在 绘图 函数 中 绘制 罗盘 、 扫 射 区域 以 及 兴趣 点 : 


private void draw(float ori){ 
Canvas canvas = mHolder. lockCanvas( ); 
canvas. drawColor (Color. TRANSPARENT, Mode. CLEAR ) ; 
// 旋 转 雷达 蓝 色 扫射 区 域 
matrix. reset(); 
matrix. preRotate( ori, 
(float)mFovBm. getWidth( )/2, (float)mFovBm. getHeight()/2); 
//nmPlainBm compass_plain. png 
canvas. drawBitmap(mPlainBm, 0,0, null); 
//mFovBm compass_fov. png 
canvas. drawBitmap( mFovBm, matrix, mPaint); 
// 绘 制 兴趣 点 (小 黑 点 ) 
drawDots(canvas); 


mHolder. unlockCanvasAndPost (canvas); 


兴趣 点 的 绘制 要 稍微 复杂 一 些 . 但 思路 也 很 清晰 : 
转 (1) 计算 兴趣 点 与 我 的 位 置 的 角度 ; 

E (2) 根据 比例 确定 兴趣 点 在 雷达 上 的 半径 。 
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比例 计算 公式 为 : 

最 远 距离 ”兴趣 点 距离 
(3) 根据 三 角 函 数 计算 相对 于 我 的 坐标 。 
(4) 转换 成 雷达 上 的 坐标 。 


private void drawDots(Canvas canvas){ 
for(int i=0; i<mMsgs. size(); i++){ 
InterestPoint msg = mMsgs. get (i); 
double lat = msg. getLat(); 
double lon = msg. getLon( ); 
//(1) 计 算 角度 
float angle = pointManager. getAngle( 


lon— mLocation. getLongitude( ), 
lat — mLocation. getLatitude( )); 


// 计 算 实 际 距离 


double distance = DistanceUtil. getDistance( 


/x 


lon, lat, mLocation. getLongitude( ), 
mLocation. getLatitude()); 


* max 雷达 半径 
* (2) 根 据 比例 计算 兴趣 点 在 雷达 上 的 半径 


*/ 


distance = distance x max/maxDistance; 
if(distance < MIN){ 
distance = MIN; 


} 


if(distance > max){ 
continue; 


} 


//(3) 获 得 相对 于 我 的 位 置 的 坐标 


Point 


point = pointManager. getPoint(distance, angle) ; 


//(4) 获 得 绘图 坐标 


float 
float 


x= point.x+mPplainBm. getWidth( )/2; 
y= mPlainBm. getHeight()/2- point.y; 


canvas. drawCircle(x,y, DOT_SIZE, mpaint ); 


此 外 ,雷达 视图 还 有 一 个 功能 ,就 是 通过 拖 动 滑动 条 来 调整 ,调整 时 ,兴趣 点 会 跟着 缩 


放 , 如 图 7-12。 


图 7-12 ” 滑 块 调整 兴趣 点 缩放 
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实现 的 代码 为 : 


distanceSelector = (SeekBar) findViewById(R. id. distanceSelector ); 
distanceSelector. setOnSeekBarChangeListener (new OnSeekBarChangeListener( ){ 


@Override 
public void onProgressChanged( SeekBar arg0, int progress, boolean arg2) { 
double maxDistance = (float)progress/PROGRESS MAX * (mMaxDistance * 2); 
if(maxDistance <= 1){ 
maxDistance= 1; 
} 
mOverlayView. setMaxDistance(maxDistance); 
String text = formateDistance(maxDistance, progress); 
distanceTv. setText (text); 


@Override 

public void onStartTrackingTouch(SeekBar arg0) { 

} 

(@Override 

public void onStopTrackingTouch( SeekBar arg0) { 
mOverlayView. refreshBitmapInOverlay( ); 


1D); 


现实 视图 ARActivity 的 实现 


1. 定位 的 实现 
public class MYLocationProvider implements LocationListener{ 


LocationManager mLocationManager; 

Location mLocation= null; 

Private static final String DEFAULT LOCATION PROVIDER = 
LocationManager. NETWORK_PROVIDER ; 

String strLocationProvider = DEFAULT_ LOCATION_PROVIDER; 


private OnLocationChangedListener listener; 


public MyLocationProvider(Context context) 
{ 
mLocationManager = (LocationManager) 
context. getSystemService(Context. LOCATION_SERVICE ); 
String provider = getProvider( ); 
if(provider != null){ 
strLocationProvider = provider; 


} 


| 田 mLocationManager. requestLocationUpdates( 
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strLocationProvider, 2000, 50, this); 


private String getProvider(){ 
// 设 置 定 位 策略 
Criteria mCriteria = new Criteria(); 
mCriteria. setAccuracy(Criteria. ACCURACY _FINE ); 
mCriteria. setAltitudeRequired(false); 
mCriteria. setBearingRequired(false); 
mCriteria. setCostAllowed( true); 
mCriteria. setPowerRequirement (Criteria. POWER MEDIUM ); 
return mLocationManager. getBestProvider(mCriteria, true); 
} 
public void initLocation( ){ 
long startTime = System. currentTimeMillis (); 
while(mLocation == null){ 


// 可 能 要 多 次 才能 获得 上 一 次 定位 
mLocation = mLocationManager. getLastKnownLocation(strLocationProvider); 
try{ 


Thread. sleep(1000); 

} catch (InterruptedException e) { 
e.printStackTrace( ); 

} 

if(System. currentTimeMillis()- startTime > 5000){ 
StrLocationProvider = DEFAULT LOCATION_PROVIDER; 


} 
if(System. currentTimeMillis()— startTime > 10000){ 
break; 
} 
} 
1 
@Override 
public void onLocationChanged(Location location) { 
if(listener != null){ 
listener. onLocationChanged( location); 
} 
} 
@Override 
public void onProviderDisabled(String arg0) { 
} 
@Override 
public void onProviderEnabled(String arg0) { 
3 
@Override 
public void onStatusChanged( String arg0, int argl, Bundle arg2) { 图 
| -= 
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public Location getMyLocation( ) 
上 


return mLocation; 


public void setListener(OnLocationChangedListener listener) { 
this. listener = listener; 


public interface OnLocationChangedListener{ 
public void onLocationChanged( Location location); 
}; 


2. 搜索 的 实现 
搜索 小 窗口 从 控件 中 打开 ,如 图 7-13 所 示 。 


图 7-13 搜索 窗口 


这 个 搜索 小 对 话 框 其 实 是 一 个 Activity, 只 不 过 它 的 主题 进行 了 特殊 的 设置 : 


<activity android: name = "com. shinado. mywhere. SearchActivity" 
android:theme = " (Candroid: style/Theme. Translucent. NoTitleBar"/> 


它 的 布局 很 简单 ,在 根 布局 中 设 定 长 宽 即 可 : 


<?xml version="1.0" encoding= "utf - 8"?> 

< com. shinado. mywhere. view. CancelOnTouchLayout 
android: layout_height = "45dp" 
android: layout_marginTop = "20dp" 
android: layout_width="300dp" > 


< EditText 
android:layout width= "fill_ parent" 
android:layout height = "wrap_content" 
/> 
< ImageButton 
android:onClick = "search"/> 
</com. shinado. mywhere. view. Cancel0nTouchLayout > 


CancelOnTouchLayout 这 个 类 继承 于 RelativeLayout, 它 的 功能 顾名思义 : 


LJ public class CancelOnTouchLayout extends RelativeLayout{ 
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public CancelOnTouchLayout (final Context context, AttributeSet attrs) { 
super(context,attrs); 
this. setOnClickListener(new OnClickListener() { 
@Override 
Public void onClick(View v) { 
((Activity)context). finish(); 


1); 


在 控件 事件 中 启动 这 个 Activity: 


startActivityForResult( 
new Intent(ARActivity. this, SearchActivity. class), REOUEST SEARCH ); 


在 回调 函数 中 添加 搜索 功能 : 


@Override 
public void onActivityResult( int requestCode, int resultCode, Intent intent){ 
switch( requestCode ){ 
case REQUEST_SEARCH : 
if(resultCode == RESULT_DONE ){ 
String key = intent. getStringExtra("key"); 
Location location = mLp. getMyLocation(); 
GeoPoint pt = new GeoPoint((int) (location. getLatitude() x 1E6), 
(int) (location. getLongitude() * 1E6)); 
int result = mkSearch. poiSearchNearBy(key, pt, 10000); 


break; 


搜索 功能 API 由 百度 提供 : 


private BMapManager mBMapMan = null; 
private MKSearch mkSearch= null; 
// 搜 索 功能 的 初始 化 
private void initSearch( ){ 
mkSearch = new MKSearch( ); 
mBMapMan = new BMapManager (this); 
mBMapMan. init ("EAC1F14AFE60CE7COBAS562130B483E5B98FDD537", nul11); 
mkSearch. init (mBMapMan, mkSearchListener); 
1 
MKSearchListener mkSearchListener = new MKSearchListener( ) { 
// 省 略 其 他 override 的 函数 
@Override 
public void onGetPoiResult (MKPoiResult arg0, int argl, int arg2) { 
// 首 先 判 断 是 否 搜索 到 结果 


后 
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十 


if(arg2 !=0 || arg0 == nul1]l) 


ud 
Toast. makeText (ARActivity. this, "没有 找到 结果 !"， 
Toast. LENGTH_SHORT ). show( ); 
return; 
} 
// 添 加 兴趣 点 


if(arg0.getCurrentNumPois() > 0) 


上 


ArrayList <MKPoiInfo> list = arg0. getAllPoi(); 
if(list. size() ==0){ 

return; 
} 
mMsgs. clear( ); 
for(MKPoiInfo info:list){ 

mMsgs. add( new InterestPoint( 

info. uid, info. name, info. address, info. pt) ); 

} 
mOverlayView. addMsg (mMsgs); 
getMaxDistance( mLp. getMyLocation( )); 
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体验 Android 平 核 的 大 气 设 计 风 范 


清单 
Demo 代码 ; 


\demo\Demo YiRstr 
\demo\Demo YiRstr 2 


实例 代码 : 
N\source_codesNYiRstr 
Target SDK: 


Rndroid 3.0 
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本 实例 来 源 于 实际 项 目 , 由 于 篇 幅 有 限 , 我 只 把 里 面 的 核心 功能 提取 出 来 ,去 掉 了 网 络 
传输 功能 。 真 正 意义 上 的 平板 点 餐 系 统 需 要 使 用 网 络 , 但 是 在 这 里 我 把 网 络 的 模块 给 剔除 
了 ,以 便于 讲解 。 读 者 如 果 有 兴趣 的 话 可 以 继续 把 该 项 目 完善 ,成 为 一 个 真正 的 点 餐 系统 。 


功能 分 析 


日 程 应 用 有 以 下 几 个 功能 : 
。 查看 菜单 ; 

。 菜单 分 类 ; 

。， 购 物 车 ; 

。 查看 订单 ; 

。 音乐 播放 ; 

。 呼叫 服务 。 


界面 设计 
借助 平板 屏幕 大 的 特点 ,有 更 多 的 空间 来 摆 放 控件 ,在 设计 的 时 候 体现 出 大 气 的 特点 ， 
如 图 8-1 所 示 。 
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面 就 是 


法 式 荡 肝 


法 式 笋 肝 E=4 


口感 浓重 ， 充 分 体现 了 切 
肝 的 诱惑 ， 伴 以 营养 丰富 


本 实例 采用 单 Activity 的 方式 ,所 有 的 视图 都 在 一 个 Activity 上 完成 。 

fragment 

fragment 是 Android 3.0 以 后 开始 的 全 新 控件 。 说 直观 一 点 ,Android 3.0 中 的 设置 界 
. fragment 的 一 个 实例 ,如 图 8-2 所 示 


图 8-2 设置 界面 一 一 fragment 的 一 个 应 上 
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而 


新 建 一 个 Master/Detail Flow 


以 Android 3.0 作为 SDK ,这 时 候 就 可 以 选择 Holo Dark 或 者 Holo Light 的 Theme 
了 ,如 图 8-3 所 示 。 这 个 特性 是 从 Android 3. 0 后 才 开 始 的 。 


Minimum Required SDK:0 [Ap! 11: Android 3.0 (Honeycomb) 


Target SDK:® |ApI 11: Android 3.0 (Honeycomb) 
Compile With:0 [APL 11: Android 3.0 (Honeycomb) 


- 


Themee|Holo Dark 2 


图 8-3 选择 SDK 以 及 Theme 


接 下 来 选择 Master/ Detail Flow ,也 就 是 包含 fragment 的 Activity, 如 图 8-4 所 示 。 


园 Create Activity 


Blank Activity 
Fullscreen Activity 


图 8-4 选择 Master/Detail Flow 


最 后 一 步 ,修改 Object, 如 图 8-5 所 示 , 这 个 无 关 紧 要 。 


Object Kinde hem| 
Object Kind plurale hems 


图 8-5 修改 Object 
创建 成 功 的 工程 会 比较 复杂 ,一 共有 5 个 类 和 4 个 layout, 如 图 8-6 所 示 。 


4 中 src 
4 出 comexample demo yirstr 
» DD ltemDetailActivityjava 


》 国 ltemDetailfragmentjava 4 局 layout 
》 国 hemlistActivityjava 加 activity tem_detailyml 
» 国 temlistFragmentjava BB activity item_listxml 


4 财 com.example.demo_yirstrdummy BB activity item_twopanexml 


b 国 DummyContentjava 问 fragment item_detailxml 过 


图 8-6 创建 的 工程 初始 文件 
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代码 分 新 


我 们 先 从 程序 的 入 口 来 分 析 这 些 代码 ; 从 AndroidManifest. xml 文件 中 得 知 程序 的 入 
口 为 ItemListActivity: 


public class ItemListActivity extends FragmentActivity implements 
ItemListFragment.Callbacks { 


/x 
*activity 是 否 是 "两 个 面板 "模式 (也 就 是 运行 在 平板 上 ) 
此 

Private boolean mTwoPane; 


@Override 

protected void onCreate( Bundle savedInstanceState) { 
super. onCreate( savedInstanceState); 
setContentView(R. layout. activity_item_ list); 


if (findViewById(R. id. item detail _ container) !=null) { 
// 运 行 在 平板 设备 上 
mTwoPane = true; 
// 设 置 fragment 的 属性 
((ItemListFragment) getSupportFragmentManager(). findFragmentById( 
R. id. item_list)).setActivateOnItemClick(true); 


} 


@Override 
public void onItemSelected(String id) { 
if (mTwoPane) { 
// 显 示 相 应 内 容 
Bundle arguments = new Bundle( ); 
arguments.putString(ItemDetailFragment. ARG_ITEM_ID, id); 
ItemDetailFragment fragment = new ItemDetailFragment( ); 
fragment. setArguments(arguments); 
getSupportFragmentManager( ). beginTransaction( ) 
. replace(R. id. item detail container, fragment).commit(); 


} else{ 
// 在 不 是 平板 设备 上 ,开启 另 一 个 activity 
Intent detailIntent = new Intent(this, ItemDetailActivity. class); 
detailIntent. putExtra( ItemDetailFragment. ARG_ITEM_ID, id); 
startActivity(detailIntent); 


转 我 一 开始 看 这 段 代 码 时 也 很 迷茫 ,迷茫 是 必须 的 ,因为 有 好 几 个 知识 点 没有 涉及 到 。 我 
E 们 来 慢 慢 分 析 这 些 代码 。 
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先 来 看 这 个 Activity 对 应 的 layout: 


< fragment xmlns:android = "http://schemas. android. com/apk/res/android™" 
xmlns:tools = "http://schemas. android. com/tools" 
android:id= "(@+ id/item list" 
android:name = "com. example. demo_yirstr. ItemListFragment" 
android: layout width= "match parent" 
android: layout height = "match parent" 
android: layout marginLeft = "16dp" 
android: layout marginRight = "16dp" 
tools:context = ". ItemListActivity" 
tools:layout = " (@android:1layout/list_content "/> 


可 是 为 什么 没有 看 到 item_detail_container 这 个 id? 明明 在 代码 中 有 这 么 一 句 : 


证 (findViewById(R. id. item detail_ container) !=null) { 


这 时 候 就 要 看 values 文件 夹 了 ,如 图 8-7 所 示 。 


4 BG values-large 
回 refsxml 
4 BB values-sw600dp 
回 refsxml 
图 8-7 ”values 文件 夹 


refs. xml 的 代码 如 下 : 


<resources> 
< item name = "activity_item_ list" type = "layout"> 
@layout/activity item twopane</item> 
</resources> 


读者 可 能 看 出 点 端详 了 。 这 两 个 文件 夹 保存 的 配置 了 程序 在 大 屏 下 的 参数 ,在 这 里 就 
表现 为 把 activity_item_list 这 个 layout 替换 为 activity_item_twopane。 也 就 是 说 ,这 个 程 


序 在 平板 上 和 手机 上 的 表现 是 不 一 样 的 ,如 图 8-8 和 图 8-9 所 示 。 


We 


Nem 1 hem2 


图 8-8 在 平板 上 的 视图 
[ye 40l45ie 40145| 


局 oemo yinstr [a] tem petail 
bb ltem2 

ltem 2 

ltem3 


图 8-9 在 手机 上 的 视图 


坚 


太 
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我 们 只 看 与 平板 相关 的 代码 ,所 以 activity_item_list,activity_item_detail 和 ItemDetailActivity 
我 们 都 可 以 不 管 了 。 
在 平板 上 ,这 个 activity 的 layout 其 实 是 activity_item_twopane: 


<LinearLayout xmlns:android = "http://schemas. android. com/apk/res/android" 
xmlns:tools = "http://schemas. android. com/tools" 
android: layout width= "match parent" 
android: layout height = "match parent" 
android: layout marginLeft = "16dp" 
android: layout marginRight = "16dp" 
android:baselineAligned = "false" 
android: divider = " ?android:attr/dividerHorizontal" 
android:orientation = "horizontal" 
android: showDividers = "middle™ 
tools:context = ". ItemListActivity" > 


< fragment 
android:id="@+ id/itenm_list" 
android:name = "com. example. demo _yirstr. ItemListFragment" 
android:layout width= "0dp" 
android:layout height = "match_parent" 
android:layout_ weight = "1" 
tools: layout = " (@android:1layout/list_content "/> 


< FrameLayout 
android:id="(@+ id/item_detail _container" 
android:layout_width= "0dp" 
android:layout_ height = "match_parent" 
android:layout weight = "3"/> 


</LinearLayout > 


先 看 fragment 的 这 个 属性 : 


android:name = " com. example. demo_yirstr. ItemListFragment" 


这 个 属性 指定 了 fragment 的 Fragment 为 ItemListFragment, 这 个 Fragment 主要 做 了 
两 件 事 : 四 设置 layout; 加 实现 单 击 事件 (在 这 里 又 抽象 了 一 个 事件 ,让 activity 去 实现 )。 
当然 ,除了 这 两 件 事 之 外 ,为 了 保证 程序 的 完整 性 ,还 重 写 了 onViewCreated 等 方法 ,用 于 应 
对 程序 被 系统 杀 死 的 情况 ,为 了 让 代码 清晰 一 些 ,我 就 只 列 出 设置 layout 与 实现 单 击 事件 
的 代码 : 


public class ItemListFragment extends ListFragment { 
/x x 
x* 让 外 部 activity 实现 的 callback, 


| 2 activity 
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public interface Callbacks { 
public void onItemSelected( String id); 
下 
Private Callbacks mCallbacks = sDummyCallbacks ; 


/x 
x 上 默认 的 callback 
bh 
private static Callbacks sDummyCallbacks = new Callbacks() { 
@ Override 
public void onItemSelected(String id) { 
上 
}; 


public ItemListFragment() { 
} 


@Override SS 


public void onCreate(Bundle savedInstanceState) { 
super. onCreate( savedInstanceState); 


// 设 置 一 个 最 简单 的 layout 

setListAdapter(new ArrayAdapter < DummyContent. DummyItem>(getActivity(), 
android. R. layout. simple_list_item activated_1, 
android. R. id. text1 ,DummyContent. ITEMS ) ) ; 


@Override 
public void onAttach(Activity activity) { 
super. onAttach(activity); 


//attach 的 activity 必须 实现 callback 
if (!(activity instanceof Callbacks)) { 
throw new IllegalStateException( 
"Activity must implement fragment's callbacks. "); 


mCallbacks = (Callbacks) activity; 


Override 

public void onDetach() { 
super. onDetach( ); 
// 设 置 一 个 默认 的 callback 
mCallbacks = sDummyCallbacks; 


@Override 
public void onListItemClick(ListView listView, View view, int position, | 
long id) { -| 
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super. onListItemClick(listView, view position, id); 
// 传 递 给 外 部 activity 
mCallbacks. onItemSelected( DummyContent. ITEMS . get (position). id); 


记 不 记得 在 ItemListActivity 中 实现 了 ItemListFragment. Callbacks 接口 并 重 写 它 的 
方法 9 


@Override 
public void onItemSelected(String id) { 
if (mTwoPane) { 
// 显 示 相 应 内 容 
Bundle arguments = new Bundle(); 
arguments. putString( ItemDetailFragment. ARG_ITEM _ID, id); 
ItemDetailFragment fragment = new ItemDetailFragment(); 
fragment. setArguments(arguments); 
// 用 这 个 fragment 替换 item_detail_container 
getSupportFragmentManager( ) . beginTransaction( ) 
.replace(R. id. item_detail_container ,fragment). commit(); 


} else{ 
// 在 不 是 平板 设备 上 ,开启 另 一 个 activity 


这 里 又 有 另 一 个 fragment 了 。 它 是 ItemDetailFragment: 
public class ItemDetailFragment extends Fragment { 
public static final String ARG_ITEM_ID = "item id"; 


/x 
* 数据 
*/ 
private DummyContent. DummyItem mItem; 


@Override 
public void onCreate(Bundle savedInstanceState) { 
super. onCreate( savedInstanceState); 
if (getArguments().containsKey(ARG_ITEM ID)) { 
// 获 取 数据 
mItem = DummyContent. ITEM_MAP. get(getArguments( ). getString( 
ARG_ITEM_ID)); 


@Override 
public View onCreateView(LayoutInflater inflater, ViewGroup container, 


上 | Bundle savedInstanceState) { 
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// 设 置 视图 
View rootView = inflater. inflate(R. layout. fragment item detail, 
container, false); 
// 显 示 内 容 
if (mItem !=n011) { 
((TextView) rootView. findViewById(R. id. item_detail)) 
. SetText(mItem. content); 
} 


return rootView; 


} 


这 个 fragment 也 很 简单 ,获取 数据 并 显示 .这 里 的 fragment_item_detail 的 布局 就 是 一 


个 TextView: 


<TextView 
android:id= "@+ id/item_detail" 
/> 


说 了 这 么 多 ,感觉 还 是 有 点 绕 。 总 结 一 下 ,首先 ItemListActivity 的 布局 为 fragment 十 
FrameLayout; fragment 对 应 的 是 ItemListFragment, 它 是 一 个 列表 ListFragment ,布局 为 
系统 自 带 的 简单 TxtView ; 而 FrameLayonut 在 单 击 左 边 fragment 时 会 被 temDetailFragment 
替换 ,而 这 个 Fragment 的 布局 为 fragment_item_detail, 也 就 是 一 个 TextView, 如 图 8-10 
所 示 。 


Demo YiRstr ItemListActivity {activity_ item twopane]} 


kem1 lem2 


kem3 


fragment FrameLayout 
ItemListFragment 被 1temDetai1Fragment 替 换 [fragment_item_detai |] 


图 8-10 fragment 示意 


第 二 节 ViewFlipper 
ViewFlipper 是 用 来 切换 不 同 视图 的 一 个 容器 , 它 继承 自 FrameLayout。 我 们 可 以 在 
ViewFlipper 中 添加 子 视图 ,并 且 通 过 ViewFlipper 来 控制 视图 之 间 的 切换 。 
布局 和 include 标签 
Android 布局 中 可 以 使 用 include 标签 来 使 用 另 一 个 布局 文件 ,从 而 达到 重用 的 效果 ,如 : 


el 
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< RelativeLayout xmlns:android = "http://schemas. android. com/apk/res/android" 
android: layout width="fil] parent" 
android: layout height = "fill parent"> 


< include layout = "@ layout/child_test"/> 


</RelativeLayout > 


child_test 的 layout 是 一 个 简单 的 TextView: 


<?xml version = "1.0" encoding= "utf - 8"?> 

< TextView xmlns:android= "http://schemas. android. com/apk/res/android" 
android:layout width= "wrap_content" 
android:layout_height = "wrap_content" 
android:text = " @string/hello_world"/> 


> 当 在 一 个 ViewFlipper 中 有 多 个 复杂 的 布局 时 ,我 们 就 可 以 使 用 include 标签 来 将 布局 
分 层 ,避免 代码 堆积 在 一 个 布局 上 。 


ViewFlipper 切换 


ViewFlipper 可 以 自动 进行 切换 ,通过 设置 autoStartt 以 及 flipInterval( 自 动 切换 的 间 
隔 时 间 ,单位 上 毫秒) 来 实现 : 


<?xml version="1.0" encoding= "utf - 8"?> 

< ViewFlipper xmlns:android = "http://schemas. android. com/apk/res/android" 
android: layout width= "fill parent" 
android: layout height = "fill parent" 
android:autoStart = "true" 
android:flipInterval = "2000" 
android: inAnimation = " (@android:anim/slide_in_left" 
android:outAnimation = " (Qandroid:anim/slide_out_right"> 


< include layout = " @layout/page_1"/> 
< include layout = " @layout/page_2"/> 
< include layout = " (@layout/page_3"/> 


</ViewFlipper > 


此 外 ,还 可 以 在 Java 文件 中 进行 切换 : 


// 切 换 到 下 一 个 视图 

public void next(View v){ 
flipper. showNext( ); 

} 

// 切 换 到 前 一 个 视图 

public void prev(View v){ 


加 flipper. showPrevious(); 
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当然 ,也 可 以 随意 跳 转 至 第 n 个 视图 : 


flipper. setDisplayedChild(1); 


第 三 节 MediaPlayer 


MediaPlayer 生命 周期 


在 Android 官方 网 站 上 对 MediaPlayer 的 生命 周期 进行 了 详细 的 说 明 。 我 在 此 基础 上 
进行 了 标注 ,其 中 矩形 框 表示 我 们 会 使 用 到 的 重要 方法 ,如 图 8-11 所 示 。 


退出 时 调用 


SaDaRSouwee0|| OnErmrorListener onErrorO) < 


换 一 首 歌 曲 


歌曲 播放 完毕 
到 


图 8-11 MediaPlayer 生命 周期 
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播放 服务 实例 
public class MusicService extends Service{ 
private final IBinder binder = new MusicBinder( ); 


/x MediaPlayer 对 象 */ 
public MediaPlayer mMediaPlayer =null; 


/* 播放 列表 * / 
private RrrayList< Chanson > mMusicList = new ArrayList <Chanson>(); 


public ArrayList <Chanson> getMusicList() { 
return mMusicList; 


1 


/* 当前 播放 歌曲 的 索引 * / 


private int currentListItme= —1; 


public class MusicBinder extends Binder { 
public MusicService getService() { 
return MusicService. this; 
} 
1 
@Override 
public IBinder onBind( Intent arg0) { 
return binder; 


} 


public void play(){ 

if(currentListItme < 0){ 

playMusic(0); 
mMediaPlayer. start(); 
return; 

} 

if (mMediaPlayer. isPlaying( ) ){ 
/x* 暂停 */ 
mMediaPlayer. pause( ); 

} 

else{ 
/< 开始 播放 * / 
mMediaPlayer. start(); 


1 


@Override 
public void onCreate( ){ 
super. onCreate( ); 


// 获 取 sd 卡 中 的 所 有 歌曲 
mMusicList = MusicScanner. getAllSongs (this); 
mMediaPlayer = new MediaPlayer(); 


LJ ) 
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@Override 

public void onStart( Intent intent, int id){ 
super. onStart (intent, id); 

} 


@Override 

public void onDestroy( ){ 
mMediaPlayer. stop(); 
mMediaPlayer. release( ); 
super. onDestroy( ); 

} 


public void setVolume(float percent){ 
mMediaPlayer. setVolume( percent, percent); 
} 


public void playMusic( int index) 
currentListItme = index; 
// 监 听 器 
if(onSongChangedListener != null){ 
onSongChangedListener. onChange( currentListItme); 
1 
try 
{ 
String path = mMusicList. get( index). getUrl(); 
/x 重 置 MediaPlayerx / 
mMediaPlayer. reset( ); 
/* 设置 要 播放 的 文件 的 路 径 */ 
mMediaPlayer. setDataSource( path); 
if(mMediaPlayer. isPlaying()){ 
mMediaPlayer. stop( ); 
} 
/* 准备 播放 * / 
mMediaPlayer. prepare( ) ; 
/* 开始 播放 * / 
mMediaPlayer. start() 
// 歌 曲 结束 监听 器 
mMediaPlayer. setOnCompletionListener(new OnCompletionListener() { 
public void onCompletion(MediaPlayer arg0) { 
// 播 放 完成 一 首 之 后 进行 下 一 首 
nextMusic() 7 
} 
}) 
}catch (Exception e){ 
e. printStackTrace( ); 
} 


VE 


public void nextMusic() 
上 


坚 
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if (++currentListItme > = mMusicList. size()) { 
currentListItme= 0; 

} 

else { 
playMusic(currentListItme); 


We 
public void prevMusic( ) 
上 
if ( -- currentListItme >= 0) { 
currentListItme = mMusicList. size(); 
b 
else { 
playMusic(currentListItme); 


/¥ x 
* 将 歌曲 播放 至 指定 位 置 
* @param percent 百分比 
x*/ 
public void seekTo(float percent){ 
if (mMediaPlayer. isPlaying()) { 
int msec = (int) (percent x mMusicList.get(currentListItme). getDuration( )); 
mMediaPlayer. seekTo(msec); 


/# x 
< @return 播放 位 置 的 百分比 
*/ 
public float getProgressPercent(){ 
try{ 
return (float)mMediaPlayer. getCurrentPosition() 
/ (float)mMediaPlayer. getDuration( ); 
} catch (Exception e) { 
return 0; 


} 
Private OnSongChangedListener onSongChangedListener; 


public void setOnSongChangedListener (OnSongChangedListener onSongChangedListener) { 
this. onSongChangedListener = onSongChangedListener; 

public interface OnSongChangedListener{ 

public void onChange (int index); 
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而 | 


最 后 一 点 ,实现 获取 sd 卡 上 的 音频 文件 信息 : 
public class MusicScanner { 


public static ArrayList <Chanson> getAllSongs(Context context){ 
ArrayList <Chanson> list = new ArrayList < Chanson >(); 
Cursor cursor = context. getContentResolver(). query( 
MediaStore. Audio. Media. EXTERNAL CONTENT _URI,null,null,null, 
MediaStore. Rudio. Media. DEFAULT_SORT_ORDER ) ; 
while(cursor. moveToNext()){ 
String tilte = cursor. getString(cursor. getColumnIndexOrThrow( 
MediaStore. Rudio. Media. TITLE ) ) 7 
String artist = cursor.getString(cursor. getColumnIndexOrThrow( 
MediaStore. Audio. Media. ARTIST ) ) ; 
String url = cursor. getString( cursor. getColumnIndexOrThrow( 
MediaStore. Audio. Media. DATA ) ); 
int duration = cursor. getInt(cursor. getColumnIndexOrThrow( 
MediaStore. Rudio. Media. DURATION ) ); 
list.add(new Chanson(artist, tilte, url, duration)); 
} 


return list; 


第 四 节 功能 实现 


布局 实现 


虽然 本 实例 只 有 一 个 activity, 只 有 一 个 content view, 但 由 于 布局 繁多 ,所 以 layout 文 
件 也 自然 不 会 少 ,如 图 8-12 所 示 。 


4 SS layout 
DB child_cartxml 
具 chid menuxml 
加 child_musicxml 
日 chid_orderxml 
右 layout_cartxml 
DD lmyout detailsxml 
局 layout_dishxml 
日 layout_orderxml 
Bl layout_song_selectedxml 
回 layout_songxml 
4 BG layout-land 
回 launchxml 


图 8-12 布局 文件 
本 实例 固定 显示 横向 显示 ,在 AndroidManifest. xml 中 需要 定义 : 


<application android: screenOrientation = "landscape™" 


> 
</application> 
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此 外 ,在 res 文件 夹 中 新 建 一 个 layout 一 land 的 文件 夹 , 用 来 放置 横向 的 布局 文件 ,如 
图 8-13 所 示 。 


4 BG layout-land 
Bl launchxml 


图 8-13 横向 布局 文件 


布局 框架 的 实现 
launch. xml 也 就 是 整个 界面 的 布局 框架 ,比较 简单 ,如 图 8-14 所 示 。 


<?xml version="1.0" encoding= "utf - 8"?> 
< RelativeLayout 
android: background = " (@drawable/marg"> 


<! 一 -菜单 栏 --> 

< RadioGroup 
android:id="@+ id/launch menu_rg" 
android:orientation= "vertical"> 


</RadioGroup > 


<! -- 显示 内 容 --> 

< ViewFlipper 
android:layout width= "fill_parent" 
android:layout height = "fill _ parent" 
android:layout_alignParentTop= "true" 
android:layout marginLeft="- 56dip" 
android:layout_ toRightOf =" (@+ id/launch_menu_rg"> 


站 = 一 主页 一 一 徊 
< FrameLayout 
android: layout width= "fill_parent" 
android: layout_height = "fill_parent" 
/> 


<! -- 菜 单 --> 
< include layout = " @layout/child_menu"/> 


A 
< include layout = " (@layout/child_cart"/> 


1 === 例 焊 二 = 闫 
< include layout = " @layout/child_order"/> 


<! -- 音 乐 --> 
< include layout = " @layout/child_music"/> 


</ViewFlipper > 


</RelativeLayout > 


系统 
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ViewFlipper 


图 8-14 布局 示意 


菜单 布局 的 实现 


菜单 布局 child_menu 使 用 了 三 个 控件 : RadioGroup fragment 和 FrameLayout。 其 中 


FrameLayout 主要 用 来 占 位 置 , 在 运行 时 被 其 他 布局 所 替换 ,如 图 8-15 所 示 。 


<LinearLayout 


android:orientation = "horizontal" > 


< LinearLayout 
android:layout weight = "1" 
android:orientation= "vertical" > 
< RadioGroup 
android:id="(@+ id/child_menu_type" > 


</RadioGroup > 


< fragment 
class = "com. mocaa. YiRstr. activity. LaunchActivity $ TitlesFragment" 
android:id= " @+ id/titles"/> 
</LinearLayout > 
<FrameLayout 
android:id= " @+ id/child_menu_details" 
android:layout_weight = "1"/> 
</LinearLayout > 
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图 8-15 布局 刁 


其 中 ,fragment 的 适 配 布局 为 layout_dish, 是 一 个 简单 的 单 RelativeLayout 结构 ,如 
图 8-16 所 示 。 


<?xm] version="1.0" encoding= "utf - 8"?> 

< RelativeLayout xmlns:android = " http://schemas. android. com/apk/res/android" 
android: layout_width= "fill _parent" 
android: layout height = "fill_ parent"> 


< ImageView 
android:id="@+ id/layout_dish img"/> 


< TextView 
android:id="@+ id/layout_dish_price" 
/> 
< TextView 
android:id="@+ id/layout_dish_name" 
/> 


</RelativeLayout > 


法 式 笋 肝 


图 8-16 layout_dish 的 布局 
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而 右边 的 FrameLayout 则 会 被 layout_details 替换 , 它 的 实际 布局 如 图 8-17 所 示 。 


<?xml version="1.0" encoding= "utf - 8"?> 
< RelativeLayout xmlns:android = "http://schemas. android. com/apk/res/android"> 


< ImageView 
android:id="@+ id/layout_details_img"/> 


< ImageView 
android:id=" @+ id/gap" 
android:layout below= "(@+ id/layout_details_img" 
android:layout alignRight ="(@+ id/layout_details_img" 


/> 
< TableLayout 
android:id="@+ id/layout_details_intro" 
android: layout alignLeft ="(@+ id/layout_details_img" 
android: layout_ below = " (@+ id/gap" 
android: shrinkColumns = "1" 
下 
</TableLayout > 


< ImageButton 
android:id= "(@+ id/layout_details_cart_bt" 
android: layout alignRight =" (@+ id/layout_details_img" 
android: layout_below="(@+ id/gap"/> 


</RelativeLayout > 


@+id/layout_details_img 


@+id/gap 
@+id/layout_details_cart_bt 


@+id/layout_details_intro 


图 8-17 ”details_layont 布局 示意 


需要 注意 的 是 ,菜单 介绍 的 这 个 TableLayout 中 ,为 了 避免 内 容 超 出 边 距 ,需要 加 上 一 
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android: shrinkColumns = "1" 


购物 车 布局 的 实现 
购物 车 布局 child_cart 是 一 个 简单 的 RelativeLayout: 


<?xml version="1.0" encoding= "utf 一 8"?> 
<RelativeLayout xmlns:android = "http://schemas. android. com/apk/res/android" 
android: layout width= "fill parent" 
android: layout_ height = "fill _ parent" 
> 
<ListView 
android:id="(@+ id/child cart _list" 
android:layout above= " (@+ iaVcart_bottom"/> 
<LinearLayout 
android:id="(@+ id/cart_bottonm" > 
< TextView 
android: id="@+ io/child cart_amount_tr"/> 
< Button 
android: background = " (@drawable/bcg_button" 
/> 
</LinearLayout > 
</RelativeLayout > 


ListView 的 适 配 布局 为 layout_cart, 如 图 8-18 所 示 。 


<?xml version="1.0" encoding= "utf - 8"?> 
<LinearLayout xmlns:android = "http://schemas. android. com/apk/res/android" 
android: layout width= "match_parent" 
android: layout_height = "wrap_content" 
android: paddingTop = "25dp" 
android: paddingBottom = "25dp"> 


< ImageView 
android:id="@+ id/dishIv"/> 


<RelativeLayout > 
< TextView 
android:id="@+ id/dishTv"/> 


< LinearLayout > 


< TextView 
android: id ="@+ id/priceTv"/> 


< TextView 
android:text =" x "/> 


< ImageButton 
android:id=" @+ id/minusBt"/> 


第 八 章 ”电子 菜单 系统 


< EditText 
android:id=" @+ id/countEt"/> 


< ImageButton 
android:id="(@+ id/plusBt"/> 
</LinearLayout > 


< ImageButton 
android: id="(@+ id/deleteBt "/> 


</RelativeLayout > 
</LinearLayout > 


@+id/countEt 
D+id/dishTv 


3 法式 油 蜗牛 


168.0 x 


@+id/dishlv @+id/minusBt @+id/deleteBt 
@+id/priceTyv 


图 8-18 ”layout_cart 布局 示意 


订单 布局 的 实现 
订单 的 布局 与 购物 车 的 布局 类 似 , 只 是 少 了 一 个 按钮 : 


<?xml version = "1.0" encoding= "utf - 8"?> 
<RelativeLayout xmlns:android = "http://schemas. android. com/apk/res/android" 
android: layout width="fill parent" 
android: layout _ height = "fill_ parent" 
> 
<ListView 
android:id="@+ id/child_order _list" 
android:layout above= " @+ id/child_order _amount_tv"/> 
< TextView 
android:id="(@+ id/child_order_amount_tv" 
android:layout_alignParentBottom= "true"/> 
</RelativeLayout > 


同样 地 , 它 的 布局 与 购物 车 类 似 , 在 这 里 就 不 细 讲 了 ,如 图 8-19 所 示 。 


<?xml version="1.0" encoding= "utf - 8"?> 图 
<LinearLayout xmlns:android= "http://schemas. android. com/apk/res/android" | 
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android: layout width= "match_parent” 
android: layout height = "wrap_content ”> 


< ImageView 
android:id="@+ id/dishIv"/> 


<RelativeLayout > 
< TextView 
android: id="@+ id/dishTv"/> 


<LinearLayout 
android: layout alignParentBottom= "true" 
android: layout alignLeft = "(@+ id/dishTv" > 


<TextView 

android:id="(@+ id/priceTv"/> 
< TextView 

android:text =" x "/> 
< TextView 


android: id = "@ + id/countTv"/> 
</LinearLayout > 
<TextView 

android: id = " (@ + id/amountTv" 


android: layout_alignParentRight = "true"/> 


</RelativeLayout > 
</LinearLayout > 


二 法 式 烛 蜗 牛 


图 8-19 订单 布局 效果 


音乐 播放 器 布局 的 实现 
音乐 播放 器 的 布局 较为 繁琐 ,所 以 我 们 先 来 看 图 8-20 音乐 播放 器 布局 示意 图 : 
第 一 层 为 RelativeLayout ,也 就 是 根 。 
第 二 层 有 三 个 元 素 : 进度 条 (@ 十 id/music_progress_bar) ,控制 栏 (@ 十 id/group_ 
control_menu) 和 播放 列表 (@ 十 id/music_list) 。 

第 三 层 为 控制 栏 层 ,包括 三 个 元 素 , 它 们 都 是 LinearLayout: 歌曲 信息 (@ 十 id/group_ 
music_inf0) ,按钮 (@ 十 id/group_play_button) 以 及 音量 控制 栏 (@ 十 id/group_volume 
control) 。 


第 四 层 以 及 第 五 层 为 歌曲 信息 的 子 层 ,我们 不 用 管 它 。 


第 八 章 ”电子 3 


站 系统 


Carly Rae Je 


LinearLayout 


LinearLayout 


LinearLayout LinearLayout ”LinearLayout 第 三 
SeekBar RelativeLayout 播放 
RelativeLayout 第 一 层 , 根 


图 8-20 音乐 播放 器 布局 
代码 框架 如 下 : 


<?xml version = "1.0" encoding= "utf - 8"?> 
<RelativeLayout xmlns:android = " http:/Vschemas. android. com/apk/res/android" 
android: id="@@+ id/child_music_root "> 
<ListView 
android:id= "@+ id/music_list" 
android: layout alignParentRight = "true" 


android: layout above= "(@+ id/music_progress_bar"/> 
< SeekBar 
android: id="@+ id/music_progress_bar" 
android: layout_above="@+ id/group_control_menu"/> 
< RelativeLayout 
android: id= "@+ id/group_control_menu" 
android: layout alignParentBottom= "true" > 
< LinearLayout 
android: id ="@+ id/group_music_info" 
android: layout_toLeftOf = " @+ id/group_play_button" > 
< ImageView 
android:id="@+ id/music_artist_img"/> 
< LinearLayout 
android:orientation = "vertical" 
> 
< TextView 
android: id= ” 
<LinearLayout 


四 + id/music_title_tv"/> 


android:gravity = "bottom” 
android: layout weight = "了 ”> 
< TextView 
android:id="@+ id/music_time_tv"/> 
<TextView 
android:id="@+ id/music_total_tv"/> 
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</LinearLayout > 
</LinearLayout > 
</LinearLayout > 
<LinearLayout 
android:id="(@+ id/group_play_button" > 


<Button 

android:id= "@+ id/music_prev_bt"/> 
< CheckBox 

android:id= "@+ id/music_ play_bt"/> 
<Button 


android:id= "@+ id/music_next_bt"/> 
</LinearLayout > 


<LinearLayout 
android:id= "@+ id/group_volume_control" 
android: layout_toRightOf = "@+ id/group_play_button" > 
< CheckBox 
android:id="@+ id/music_sound bt"/> 
< SeekBar 
android: id ="@+ id/music_sound_bar"/> 
</LinearLayout > 
</RelativeLayout > 


</RelativeLayout > 


在 播放 列表 中 ,播放 中 的 曲目 布局 与 未 播放 曲目 布局 是 不 一 样 的 ,如 图 8-21 所 示 ,在 适 
配器 中 通过 判断 来 实现 。 


被 遗忘 的 时 光 


表面 的 和 平 
陈 绮 真 


图 8-21 播放 中 曲目 


菜单 “购物 手 、 订 单 功能 实现 


可 以 说 这 部 分 的 功能 很 常规 ,通过 Activity 和 Adapter 之 间 进 行 交 互 来 展示 数据 。 在 
这 之 前 ,我 们 先 定义 一 个 全 局 变量 ,用 于 保存 菜单 .购物 车 以 及 订单 数据 


public class Dishes extends Application{ 


// 所 有 的 菜单 
Private ArrayList <Dish> allDishes; 
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// 购 物 车 

private HashSet <OrderDish> shoppingCart = new HashSet< OrderDish>(); 
// 订 单 

Private HashSet <OrderDish > order = new HashSet < OrderDish>(); 


public ArrayList <Dish> getAllDishes() { 
return allDishes; 
} 
public void setAllDishes(ArrayList <Dish> allDishes) { 
this.allDishes = allDishes; 
} 
public HashSet < OrderDish> getShoppingCart() { 
return shoppingCart; 
1 
public HashSet < OrderDish> getOrders() { 
return order; 
} 
private float getAmount (HashSet < OrderDish> dishes){ 
float amount = 0f; 
Object[ ] objOrder = dishes. toArray( ); 
for(int i= 0; i<objOrder. length; i++){ 
OrderDish od = (OrderDish)objOrder[ i]; 
String no = od. getNoDish( ); 
Dish dish = findDishByNo(no); 
amount + = od.getDishNum( ) x dish. getPriceMarket( ); 
上 
return amount; 
1 
// 获 取 购 物 车 总 价 
public float getShoppingCartAmount(){ 
return getAmount( shoppingCart); 
} 
// 获 取 订 单 总 价 
public float getOrdersAmount (){ 
return getAmount (order); 
} 
public Dish findDishByNo(String no){ 
for(int i=0; i<allDishes. size(); i++){ 
if(allDishes. get (i).getNo().equals(no)){ 
return allDishes. get(i); 


} 
return null; 

} 

public ArrayList <Dish> getDishesByType( int type){ 
ArrayList <Dish> dishes = new ArrayList <Dish >(); 
for(int i=0; i<allDishes. size(); i++){ 

if(allDishes. get (i). getTYpe( ) == type){ 
dishes. add(allDishes. get(i)); 
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} 
return dishes; 
WL/ 下 单 
public void pay(){ 
order. clear( ); 
order. addAll( shoppingCart ); 
shoppingCart. clear(); 


在 Activity 中 ,进行 了 数据 加 载 以 及 各 个 模块 的 初始 化 : 


@Override 
public void onCreate(Bundle savedInstanceState) { 
super. onCreate( savedInstanceState); 
setContentView(R. layout. launch ); 


// 全 局 变量 
dishes = (Dishes) getApplication(); 
/x 
* 加 载 所 有 菜单 数据 
* 在 实际 项 目 中 ,这 个 模块 应 该 是 从 网 络 上 获取 ， 
* 或 者 是 从 本 地 读 取 , 定 时 与 服务 端 同 步 
*/ 
loadAllDishes( ); 
// 初 始 化 界面 框架 ViewFlipper 与 RadioGroup 
initFramework( ) 7 
// 初 始 化 购物 车 
initShoppingCart (); 
// 初 始 化 订单 
initOrder( ); 
// 初 始 化 音乐 播放 器 


initMusicPlayer(); 


在 初始 化 界面 框架 中 的 功能 为 设 定 事件 ,选择 第 n 个 切换 到 第 n 个 界面 : 


mElipper = (ViewFlipper) findViewById(R. id. viewFlipper); 
mRadioGroup = (RadioGroup) findViewById(R. id. launch_menu_rg); 
mRadioGroup. setOnCheckedChangeListener(new OnCheckedChangeListener(){ 
@Override 
public void onCheckedChanged (RadioGroup group, int id) { 
switch( id){ 
case R. id. menu_home : 
mFlipper. setDisplayedChild(0); 
break; 


购物 车 的 初始 化 : 
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ListView cart = (ListView) findViewById(R. id. child cart list); 
TextView amount cart= (TextView) findViewById(R. id. child cart amount tv); 
cartAdapter = new CartListAdapter(this, amount cart); 
cart. setAdapter( cartAdapter ); 
// 选 择 大 类 (西餐 、 中 和 餐 、 甜 品 、 汤 、 酒 水 ) 
RadioGroup types = (RadioGroup) findViewById(R. id. child_menu_type); 
types. setOnCheckedChangeListener (new OnCheckedChangeListener() { 
@Override 
public void onCheckedChanged(RadioGroup arg0, int id) { 
switch( id){ 
case R. id. type_chinese: 
// 获 得 类 别 ,更 新 列表 
getDishes(Dish. TYPE_CHINESE ) ; 
break; 
case R. id. type_western: 


订单 模块 初始 化 : 


ListView order = (ListView) findViewById(R. id. child_order_list); 

TextView amount_order = (TextView) findViewById(R. id. child_order amount_tv); 
OrderListAdapter adapter = new OrderListAdapter (this, amount_order); 

order. setAdapter(adapter); 


音乐 模块 的 具体 实现 被 封装 在 了 MusicChild 中 ,这 边 只 调用 了 它 的 方法 。 具 体 实 现 会 
在 下 一 节 中 讲解 。 


child music= new MusicChild(); 
child music. create(findViewById(R. id. child_music _root ), this); 


最 后 一 部 分 ,菜单 的 实现 , 它 是 一 个 教科 书 式 的 fragment: 
public static class TitlesFragment extends ListFragment { 


boolean mDualPane; 
int mCurCheckPosition = 0; 
static FragmentLayout adpter 


@Override 
public void onActivityCreated(Bundle savedInstanceState) { 
super. onActivityCreated( savedInstanceState); 


ListView listView = getListView(); 

// 避 免 在 滚动 时 出 现 白色 边 

listView. setCacheColorHint(Color. TRANSPARENT ) ; 

adapter = new FragmentLayout( dishList, this. getActivity()); 
setListAdapter(adapter ); 


View detailsFrame = getActivity(). findViewById(R. id. child menu details ); 副 | 
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mDualPane = detailsFrame != null 
&& detailsFrame. getVisibility() == View. VISIBLE ; 


if (savedInstanceState != nul1) { 


/从 保存 的 状态 中 取出 数据 
mCurCheckPosition = savedInstanceState. getInt ("curChoice", 0); 


if (mDualPane) { 
listView. setChoiceMode(ListView. CHOICE MODE SINGLE ); 
showDetails(mCurCheckPosition); 


@Override 
public void onSaveInstanceState(Bundle outState) { 

super. onSaveInstanceState( outState); 

outState. putInt ("curChoice",mCurCheckPosition); // 保 存 当 前 的 下 标 


@Override 

public void onListItemClick(ListView 1, View v, int position, long id) { 
super. onListItemClick(1,v,position, id); 
showDetails(position); 


void showDetails( int index) { 
mCurCheckPosition = index; 
if (mDualPane) { 
getListView( ) . setItemChecked( index, true); 
DetailsFragment details = (DetailsFragment) getFragmentManager( ) 
.findFragmentById(R. id, child_menu_details); 
if (details == null | | details. getShownIndex( ) != index) { 
details = DetailsFragment. newInstance (mCurCheckPosition); 


// 得 到 一 个 fragment 事务 (类 似 sqlite 的 操作 ) 
FragmentTransaction ft = getFragmentManager() 
.beginTransaction( ); 
// 将 得 到 的 fragment 替换 当前 的 viewGroup 内 容 ,add 则 不 替换 会 依次 累加 
ft. replace(R. id. child_menu_details, details); 
ft. setTransition(FragmentTransaction. TRANSIT_FRAGMENT_FADE ); 


// 设 置 动画 效果 
ft. commit(); // 提 交 
} 
} 

} 
} 
/x 关 
x 作为 界面 的 一 部 分 ,为 fragment 提供 一 个 layout 
x*/ 
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public static class DetailsFragment extends Fragment { 


public static DetailsFragment newInstance( int index) { 
DetailsFragment details = new DetailsFragment( ); 
Bundle args = new Bundle( ); 
args. putInt("index", index); 
details. setArguments(args); 
return details; 


public int getShownIndex() { 
return getArguments().getInt("index", — 1); 


@Override 
public View onCreateView(LayoutInflater inflater,ViewGroup container, 
Bundle savedInstanceState) { 
if (container == null) 
return null; 
View view = LayoutInflater. from(getActivity()) 
. inflate(R. layout. layout _details, nu11); 
ImageButton cartBt = (ImageButton) view. findViewById( 
R.id. layout_ details_cart_bt); 
cartBt. setOnClickListener(new OnClickListener( ){ 
@Override 
public void onClick(View arg0) { 
int index = getShownIndex( ); 
Dish dish= dishList .get(index); 
OrderDish order = new OrderDish(dish. getNo()); 
cartAdapter.addToCart(order); 


}); 
ImageView img = (ImageView) view. findViewById(R. id. layout_details_img); 
TextView name = (TextView) view. findViewById( 
R. jd. layout_details_ name_tv); 
TextView intro = (TextView) view. findViewById( 
R. id. layout_details_intro_tv); 
TextView expl = (TextView) view. findViewById( 
R. id. layout_details_expl]_tv); 
TextView price= (TextView) view. findViewById( 
R. id. layout details price_tv); 
TextView vip price= (TextView) view. findViewById( 
R. id. layout_ details_ vip_price_tv); 


if(getShownIndex() >= 0){ 
Dish dish= dishList. get(getShownIndex( )); 
img. setImageResource( dish. getImgId()); 


name. setText (dish. getName( ) ); 过 


intro. setText(dish.getInto() ); 
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expl. setText(dish. getExplanation( )); 

price. setText(dish. getPriceMarket() + ""); 

vip_price. setText(dish. getPriceVIP() + ""); 
} 


return view; 


音乐 播放 器 的 实现 


在 第 三 大 节 MusicService 的 基础 上 ,本 节 来 介绍 音乐 播放 器 的 实现 。 在 这 里 出 现 的 
MusicService 就 是 第 三 节 播 放 器 实例 中 讲解 的 MusicService, 因此 在 此 不 多 歼 述 。 
MusicChild 负责 实现 界面 上 的 更 新 ,而 MusicService 负责 播放 功能 的 实现 。 在 MusicChild 
中 定义 几 个 函数 : 


public void create(View v, Context context){ 
this. context = context; 
this. root = v; 
// 绑 定 并 开始 服务 
serviceIntent = new Intent(context, MusicService. class); 
context. startService( serviceIntent); 
context. bindServicel( serviceIntent, mConnection, 0); 
1 
// 开 始 进度 条 以 及 播放 时 间 的 线程 
public void start(){ 
new ProgressThread( ). start(); 
new TimeThread( ). start( ); 
} 
// 结 束 线程 
public void stop(){ 
mIsCreated = false; 
} 
public void destroy( ){ 
mlsCreated= false; 
// 停 止 服务 
context. unbindService( mConnection); 
context. StopService( serviceIntent); 


在 绑 定 回调 函数 中 定义 初始 化 代码 : 


private ServiceConnection mConnection = new ServiceConnection() { 
// 回 调 方法 , 当 调用 bindService 时 回调 
public void onServiceConnected( ComponentName className, IBinder localBinder) 
{ 
// 获 取 service 对 象 
mService= ((MusicBinder) localBinder) .getService( ); 
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而 


init(); 

1 

// 回 调 方 法 , 当 调 用 unbindService 时 回调 

public void onServiceDisconnected( ComponentName arg0) { 
mService= null; 


用 
public void init(){ 


mService. setOnSongChangedListener( new OnSongChangedListener() { 
@Override 
public void onChange( int index) { 
// 开 始 播放 第 index 首 歌曲 
mSelectedIndex = index; 
Chanson song = mService. getMusicList( ). get(index); 
// 设 置 歌曲 信息 
titleTv. setText(song. getTitle()+"—-"+song.getArtist()); 
totalTv. setText(" | "+ DurationUtil. getTime (song. getDuration())); 
// 在 播放 列表 中 选中 该 歌曲 
mSongAdapter. select (index); 
// 设 置 为 暂停 按钮 
mpPlayBt. setChecked( false); 


1D); 
mPrevBt = (Button) root. findViewById(R. id. music_prev_bt ); 
mPlayBt = ( CheckBox) root.findViewById(R. id. music_play_bt); 
mNextBt = (Button) root. findViewBYId(R. id. music_next_bt); 
mListView = (ListView) root. findViewBYId(R. id. music_list ); 
mVolumeBox = (CheckBox) root. findViewById(R. id. music_souna_bt); 
// 静 音 /还 原 
mVolumeBox. setOnCheckedChangeListener(new OnCheckedChangeListener() { 
(@Override 
public void onCheckedChanged( CompoundButton arg0, boolean flag) { 
if(flag){ 
mService. setVolume(0); 
}elsef 
mService. setVolume((float)pref. getVolume()/MaX_VOLUME ) ; 


1D); 
mProgressBar = (SeekBar) root.findViewById(R. jd. music_progress_bar); 
MAX PROGRESS = mProgressBar. getMax( ); 
mProgressBar. setOnSeekBarChangeListener(new OnSeekBarChangeListener() { 
@ Override 
public void onStopTrackingTouch( SeekBar seekBar) { 
// 歌 曲 播放 至 
float progress = SeekBar. getProgress( ); 
mProgressPercent = progress/MAX_ PROGRESS ; 
mService. seekTo(mProgressPercent); 
// 继 续 进 度 条 的 线程 
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mISSeeking = true; 
上 


@ Override 

public void onStartTrackingTouch( SeekBar seekBar) { 
// 暂 停 设置 进度 条 的 线程 
mlsSeeking = false; 

} 


@Override 
public void onProgressChanged( SeekBar seekBar, int progress, 
boolean fromUser) { 
} 
1D); 


// 保 存 用 户 信息 , 如 音量 

pref = new UserPref( context); 

mVolumeBar = (SeekBar) root. findViewBYId(R. id. music_sound_ bar ); 

MAX VOLUME = mVolumeBar. getMax( ); 

mVolumeBar. setProgress (pref. getVolume( )); 

mVolumeBar. setOnSeekBarChangeListener(new OnSeekBarChangeListener() { 


@Override 
public void onStopTrackingTouch( SeekBar seekBar) { 


. 


@Override 
public void onStartTrackingTouch( SeekBar seekBar) { 


} 


@Override 
public void onProgressChanged( SeekBar seekBar, int progress, 
boolean fromUser) { 

// 设 置 音 量 
pref. setVolume( progress); 
mService. setVolume( (int)progress/MAX_VOLUME ); 
mVolumeBox. setChecked( false); 

} 

加 


mSongAdapter = new SongListAdapter(context, mService. getMusicList()); 
mListView. setAdapter(mSongAdapter); 
mListView. setOnItemClickListener(new OnItemClickListener() { 
@Override 
public void onItemClick (AdapterView <?> arg0, View argl, int index, 
long arg3) { 
// 播 放歌 曲 
mSelectedIndex = index; 
mService. playMusic( index); 
mPlayBt. setChecked( false); 


]) 
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mPlayBt. setOnC] ickListener(new OnClickListener(){ 
public void onClick (View view){ 
mService. play(); 
} 
1D); 


WA 
mNextBt. setOnClickListener(new OnClickListener(){ 
@ Override 
public void onClick(View arg0){ 
mService. nextMusic( ); 
1 
]) 
WA 
mPrevBt. setOnClickListener(new OnClickListener(){ 
(@ Override 
public void onClick(View arg0){ 
mService. prevMusic(); 


1D); 


artistImg = (ImageView) root. findViewById(R. id. music artist _img); 
titleTv = (TextView) root. findViewById(R. id. music_ title_ tv); 
timeTv = (TextView) root. findViewById(R. id. music time tv); 
totalTv = (TextView) root.findViewById(R. id. music_total tv); 


控制 进度 条 以 及 播放 时 间 的 线程 : 


// 进 度 条 的 线程 
class ProgressThread extends Thread{ 
public void run(){ 
while(mIsCreated){ 
while(mIsSeeking) { 
mProgressPercent = mService. getProgressPercent( ); 
mProgressBar. setProgress( 
(int) (mProgressPercent x MAX_PROGRESS ) ); 
try { 
sleep(100); 
} catch (InterruptedException e) { 
e. printStackTrace( ); 


由 

}; 

// 播 放 时 间 的 线程 

class TimeThread extends Thread{ 
public void run(){ 
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while(mIsCreated){ 

if(mSelectedIndex > = 0){ 

int msec = (int) (mProgressPercent x 
mService. getMusicList( ). get(mSelectedIndex) . getDuration( ) ) 7 

Message msg = new Message( ); 
// 将 毫秒 转换 为 分 钟 显示 XX:XX 
msg. obj = DurationUtil. getTime (msec); 
handler. sendMessage( msg); 

} 

try{ 
sleep(1000); 

} catch (InterruptedException e) { 
e.printStackTrace( ); 

} 


} 


x }; 
2 private Handler handler = new Handler( ){ 


@Override 

public void handleMessage( Message msg){ 
String time = (String) msg. obj; 
timeTv. setText (time); 


旺 
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What’s new? 


清单 

Demo 代码 : 
\demo\Demo Douban 
Target SDK : 


Rndroid 4.2 


第 一 节 ”Android 4. x 的 标准 化 框架 
新 建 一 个 工程 


Android 4. 0 提供 了 一 套 标准 化 的 界面 框架 ,这 个 框架 使 用 在 了 Google 的 多 款 
Android 产品 中 ,如 图 9-1 所 示 。 


Ar Navy Fighte. ; § TSF Notepad 


至 南 记 记 记 调 南 记 南 志 


3 
习 I 
0 


图 9-1 标准 化 界面 框架 
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首先 ,新 建 一 个 工程 ,以 4. 2 作为 Target SDK ,如 图 9-2 所 示 。 


入 The prefix ‘com.example. is meant as a placeholder and should not be used ©O 


Application Name:9 Demo_Douban 
Project Name:0 Demo_Douban 
Package Name:s com.example.demo_douban 


Mirimam Required SD ABLATs Android 2 ey Bean ea] 


Toret spieo APT ndroid 42 Uely penn) 2 
Compile Witheo[Apl 17: Android 42UelyBean) -| 
[Hoo vightwihDarkAcionBar 7] 


Theme:9| 


图 9-2 选择 Target SDK 


选择 Blank Activity, 如 图 9-3 所 示 。 


Create Activity 
Select whether to create an activity, and if so, what nd of activity. 


园 Create Activity 


Fullscreen Activity 
Master/Detail Flow 


9-3 选择 Blank Activity 


选择 Scrollable Tabs 十 Swipe, 如 图 9-4 所 示 。 


Blank Activity 
| Creates a new blank activity, with an action bar and optional navigational elements such as tabs or 


horizontal swipe. 


Navigation Typea[Seolable Tabs tSwipe S17 (( » 


图 9-4 选择 Scrollable Tabs 十 Swipe 


生成 的 代码 包含 一 个 Activity 和 两 个 layout。 在 有 了 fragment 的 基础 之 后 ,这 部 分 的 
内 容 也 就 比较 简单 了 。 我 们 先 来 看 activity_main. xml 的 代码 : 
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< android. support. v4. view. ViewPager xmlns:android = "http://schemas. android. com/apk/res/android" 
xmlns:tools = "http://schemas. android. com/tools" 
android: id= " @+ id/pager" 
android: layout width= "match parent" 
android: layout height = "match parent" 
tools:context = ". MainActivity" > 


< android. support. v4. view. PagerTitleStrip 
android:id="@+ id/pager_title_strip" 
android:layout width= "match_parent" 
android:layout _ height = "wrap_content" 
android:layout gravity= "top" 
android:background = "#33b5e5" 
android:paddingBottom = "4dp" 
android:paddingTop = "4dp" 
android :textColor ="#fff"/> 


</android. support. v4. view. ViewPager > 


ViewPager 和 PagerTitleStrip 


ViewPager 是 ViewFlipper 的 进化 版 ,也 是 用 于 释放 不 同 的 视图 ,但 是 可 以 支持 视图 的 
拖 动 。 这 个 控件 被 使 用 在 了 大 多 数 的 应 用 上 ,如 图 9-5 所 示 。 
他 应 用 Q 
首页 热门 交织 的 门 多 红果 
1 


六 页 


20 


关 评 


3 
TSF Notepad i 大 页 
. 


4U 
六 页 


5 持 


图 9-5 ViewPager 视图 


PaperTitleStrip 也 就 是 ViewPager 的 标题 ,只 能 作为 ViewPager 的 子 控件 出 现 , 如 
图 9-6 所 示 ,在 Java 代码 中 通过 重 写 getPageTitle(int) 方 法 来 设置 标题 。 


类 别 首页 热门 免费 热门 免费 新 品 
— SS 


图 9-6 ViewPager 的 title 


加 | 
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在 生成 的 MainActivity 中 设置 适配器 : 


@Override 

protected void onCreate( Bundle savedInstanceState) { 
super. onCreatel( savedInstanceState); 
setContentView(R. layout. activity _main); 


// 设 置 适 配器 

mSectionsPagerAdapter = new SectionsPagerAdapter( 
getSupportFragmentManager( ) ); 

mViewPager = (ViewPager) findViewById(R. id. pager); 

mViewPager. setAdapter(mSectionsPagerAdapter); 


适配器 的 作用 在 于 : 设置 标题 ; @ 显 示 子 视图 。 
public class SectionsPagerAdapter extends FragmentPagerAdapter { 


public SectionsPagerAdapter(FragmentManager fm) { 
super (fm); 


@Override 
public Fragment getItem( int position) { 
// 获 取 在 position 位 置 上 的 fragment 
Fragment fragment = new DummySectionFragment( ); 
Bundle args = new Bundle( ); 
args. putInt (DummySectionFragment. ARG_SECTION_NUMBER, position + 1); 
fragment. setArguments(args); 
return fragment; 


@Override 
public int getCount() { 
// 显 示 3 个 子 窗口 


return 3; 


// 获 取 标 题 
@Override 
public CharSequence getPageTitle(int position) { 
Locale 1= Locale. getDefault (); 
switch (position) { 
case 0: 
return getString(R. string. title_sectionl ). toUpperCase(1); 


case 1: 


| | | return getString(R. string. title_section2). toUpperCase(1); 
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case 2: 

return getString(R. string. title_section3 ). toUpperCase(1) ; 
} 
return null; 


子 视图 的 显示 使 用 了 fragment, 这 个 fragment 为 : 
public static class DummySectionFragment extends Fragment { 
public static final String ARG_SECTION NUMBER = "section number"; 


public DummySectionFragment() { 
} 


@Override 
public View onCreateView(LayoutInflater inflater,ViewGroup container, 
Bundle savedInstanceState) { 
View rootView = inflater. inflate(R. layout. fragment_main_dummy， 
container, false) ; 
TextView dummyTextView = (TextView) rootView 
.findViewById(R. id. section_Jabel ); 
dummyTextView. setText( Integer. toString (getArguments().getInt( 
ARG_SECTION_ NUMBER ) ) ) ; 
return rootView; 


使 用 Action Bar 和 Navigation 
我 们 在 布局 中 添加 一 个 跳 转 到 另 一 个 Activity 的 按钮 ,第 二 个 Activity 代码 如 下 : 
public class DetailActivity extends Activity { 


@Override 

protected void onCreate( Bundle savedInstanceState) { 
super. onCreate( savedInstanceState); 
setContentView(R. layout. activity_detail ); 


// 显 示 返 回 的 图 标 
getActionBar( ). setDisplayHomeAsUpEnabled( true); 


@Override 
public boolean on0ptionsItemSelected(MenuItem item) { 
// 返 回 到 MainActivity 


switch (item. getItenmId()) { | | 
case android. R. id. home: | 
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NavUtils. navigateUpTo (this, 
new Intent(this,MainActivity. class)); 
return true; 


} 
return super. on0ptionsItemSelected(item) ; 


: 


在 这 个 新 的 Activity 中 ,会 出 现 这 样 一 个 返回 的 指示 , 单 击 它 之 后 ,返回 到 我 们 指定 的 
Activity, 也 就 是 MainActivity, 如 图 9-7 所 示 。 


图 9-7 返回 的 指示 按钮 


第 二 节 第 六 人 GridLayonut 


我 们 在 前 面 介 绍 Android 的 五 大 布局 时 提 到 过 , 自 Android 4.0 之 后 增加 了 第 六 个 布 
局 GridLayout。 那 么 就 来 看 看 这 个 布局 是 怎样 使 用 的 。 

GridLayout 江湖 人 称 网 格 布局 ,就 是 把 整个 界面 分 为 n 行 m 列 , 然 后 再 用 控件 来 填充 。 
在 没有 GridLayout 时 ,我 们 需要 使 用 TableLayout 来 实现 ,但 是 明显 比较 麻烦 ,要 定义 多 个 
TableRow。 

GridLayout 的 一 个 经 典 例子 就 是 计算 器 如 图 9-8 所 示 。 我 们 用 GridLayout 嵌 套 
Button 来 实现 一 个 简单 的 计算 器 布局 。 


图 9-8 计算 器 


<?xml version="1.0" encoding= "utf - 8"?> 
<LinearLayout xmlns:android = "http://schemas. android. com/apk/res/android" 
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android: layout width= "fil] parent" 
android: layout height = "fill parent" 
android:gravity = "center" 
> 
<GridLayout 
android:layout width= "wrap_content" 
android:layout_ height = "wrap_content" 
android:rowCount ="4" 
android:columnCount = "5" > 
< Button 
android:text = "7"/> 
<Button 
android:text = "8"/> 
< Button 
android: text = "9"/> 
< Button 


android:text = "/"/> 
< Button SEE 


android:text ="%"/> 


<Button 

android:text = "4"/> 
< Button 

android: text = "5"/> 
< Button 

android: text = "6"/> 
<Button 

android:text =" x "/> 
< Button 

android:text = "1/x"/> 
< Button 

android:text = "1"/> 
< Button 

android:text = "2"/> 
< Button 

android:text = "3"/> 
< Button 

android:text ="—"/> 
< Button 


android: layout_rowSpan= "2" 
android: layout gravity= "fill_vertical" 
android:text ="="/> 
< Button 
android: layout_columnSpan = "2" 
android: layout gravity= "fill horizontal”" 
android:text = "0"/> 
< Button 
android:text = "."/> 
< Button 
android:text ="+"/> 


</GridLayout > -| 
</LinearLayout > 二 | 
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效果 如 图 9-9 所 示 。 


图 9-9 自制 计算 机 器 视图 


在 GridLayout 中 定义 行 数 以 及 列 数 : 


android:rowCount ="4" 
android:columnCount = "5" 


这 表示 这 个 GridLayonut 的 空间 为 4 行 5 列 , 它 的 子 控件 就 会 依照 从 左上 到 右 下 的 方式 


依次 填充 整个 布局 。 
如 果 要 设置 一 个 控件 占 多 少 个 格子 ,可 以 使 用 : 


android:layout_rowSpan = "2" 
android: layout_columnSpan= "2" 


稍微 修改 一 下 代码 ,把 “三 ”的 layout_gravity 改 为 : 


android:layout_gravity = "Center" 
结果 如 图 9-10 所 示 。 


图 9-10 ”修改 后 的 结果 


我 们 可 以 看 到 ,“ 二 ”这 个 按钮 只 有 一 个 格子 的 大 小 ,居中 于 第 3 第 4 行 中 间 。 这 是 因为 
layout_columnSpan 这 个 属性 只 是 给 控件 设 定 一 个 parent, 而 这 个 控件 可 以 通过 layout_ 
gravity 来 设 定 自己 相对 于 父亲 的 位 置 。 


第 三 节 ”增强 Notification 


我 们 早 在 第 4 章 就 讲 过 Notification。 在 Android 4. 0 之 后 ,Notification 又 增加 了 新 的 
功能 ,主要 表现 为 增加 了 Notification 的 样式 ,支持 自 定义 的 Notification, 如 图 9-11 所 示 。 
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tentTitle 


Im almost there 


Ap 


标题 


已 连接 U 


图 9-11 增强 的 Notification 


个 正常 的 Notification 包含 了 图 标 、 标 题 、. 内 容 、 信 息 以 及 小 医 


图 9-12 标准 Notification 


这 个 Notification 的 代码 为 : 


public void noti normal(View v) { 
Bitmap icon = BitmapFactory. decodeResource (getResources( ), 
android. R. drawable. ic_menu_agenda ); 

Notification notification = new NotificationCompat. Builder(this) 
. SetLargeIcon( icon) 
.setSmallIcon( smallIcon) 
. SetContentInfo( | 
.SetContentTitle( "标题 ") 
.SetContentText(" 内 容 ") 
. SetAutoCancel(true) 
. SetDefaults(Notification. DEFAULT_ALL) 


示 , 如 图 9-12 所 示 。 
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.build(); 
manager. notify(1, notification); 


Android 自 备 了 三 种 特殊 的 Notification, 首 先是 支持 长 文字 的 Notification, 如 图 9-13 所 示 。 


图 9-13 长 文字 Notification 


代码 的 关键 是 创建 了 一 个 BigTextStyle: 


public void noti big text(View v) { 
Bitmap icon = BitmapFactory. decodeResource (getResources(), 
android. R. drawable. ic_menu_ edit ); 
String msg = "Life is just like a box of chocolate,"+ 
"what you are going to get depends on what you bought"; 
NotificationCompat. BigTextStyle textStyle = new BigTextStyle( ); 
textStyle. setBigContentTitle("A poem") 
. SetSummaryText ("Very clever") 
.bigText (msg); 
Notification notification = new NotificationCompat. Builder(this) 
. SetLargeIcon( icon) 
, SetSmal1Icon( smallIcon) 
. SetContentInfo("Shinado" ) 
. SetContentTitle( "A poem") 
. SetContentText(msg) 
. SetStyle(textStyle) 
. SetAutoCancel (true) 
. SetDefaults(Notification. DEFAULT_ALL) 
.build(); 
manager. notify(2, notification); 


同时 , 当 这 个 Notification 处 于 非 第 一 条 的 状态 时 , 它 显示 的 内 容 就 跟 普 通 Notification 
一 致 , 如 图 9-14 所 示 。 


22:38 


标题 


A poem 


图 9-14 省 略 状态 下 的 Notification 
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大 图 片 的 Notification ,如 图 9-15 所 示 。 


public void noti big pic(View v) { 
Bitmap icon = BitmapFactory. decodeResource (getResources( ), 
android. R. drawable. ic menu report image); 
Bitmap pic = BitmapFactory. decodeResource (getResources( ), 
R. drawable. pic); 
NotificationCompat. BigPictureStyle pictureStyle = new BigPictureStyle( ); 
pictureStyle. setBigContentTitle( "I'm almost there") 
. SetSummaryText ("What a pity") 
.bigPicture(pic); 
Notification notification = new NotificationCompat. Builder(this) 
. SetLargeIcon( icon) 
. SetSmal1Icon( smallIcon) 
. SetContentInfo("Shinado" ) 
. SetContentTitle("I'm almost there" ) 
. SetContentText("What a pity") 
.SetStyle(pictureStyle) SS 
. SetRhutoCancel(true) . setDefaults(Notification. DEFAULT ALL) 
.build(); 
manager. notify(3, notification); 
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m almost there 


图 9-15 大 图 片 Notification 


最 后 一 种 , 收 件 箱 模 式 ,其 实 也 是 一 种 BitTextStyle, 如 图 9-16 所 示 。 


public void noti_inbox(View v) { 
Bitmap icon = BitmapFactory. decodeResource (getResources()， 
android. R. drawable. ic_menu_my_calendar ); 
NotificationCompat. InboxStyle inboxStyle = 


new NotificationCompat. InboxStyle( ); 人 剧 | | 
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此 | 


inboxStyle. setBigContentTitle("4 todos today") 
. SetSummaryText(" lots to do" ) ; 
inboxStyle. addLine("08:00 - Meeting at B214"); 
inboxStyle. addLine("11:00 - Coffee with Dan" ); 
inboxStyle. addLine("14:00 - Pick Stan up" ); 
inboxStyle. addLine("18:00 - Don't forget sugar"); 
Notification notification = new NotificationCompat. Builder(this) 


. SetLargeIcon(icon). setSmallIcon( smallIcon) 


. setContent Info( "Shinado") 
.setContentTitle("to— do") 


. SetContentText("4 todos today") 


. setStyle(inboxStyle) 
. SetRutoCancel(true) 


. SetDefaults(Notification. DEFAULT ar ) 


.build( ); 
manager. notify(4, notification); 


22:45 


4todos today 


图 9-16 


收 件 箱 模式 Notification 


后 记 


以 前 不 明白 为 什么 会 有 后 记 这 种 东西 ,现在 估计 是 明白 了 。 后 记 大 概 也 都 是 写 在 校 稿 
之 后 发 现 自己 问题 很 多 ,或 者 又 发 生 了 一 些 事情 让 自己 的 看 法 跟 刚 写 的 时 候 大 不 一 样 时 的 
有 感 而 发 吧 ; 又 或 者 是 在 全 篇 书面 语 束缚 下 一 种 解放 式 的 心理 抒发 。 

的 确 , 刚 开 始 写 书 时 的 那 种 专 想 改变 世界 的 兴奋 感 已 经 被 交 稿 前 几 天 的 累 感 给 覆盖 掉 
了 。 所 以 当 我 无 力 地 发 现 把 前 言 放 在 最 后 写 是 一 个 非常 大 的 错误 时 ,我 已 经 忘记 了 最 初 的 
感受 了 , 想 感 谢 的 人 也 不 觉得 那么 感谢 (说 白 了 就 是 没 那么 矫情 了 )。 

不 知道 是 哪个 矫情 的 人 说 出 这 样 矫情 的 话 : 不 要 忘记 出 发 时 的 目的 。 只 是 现在 的 情境 
跟 出 发 时 的 大 不 相同 了 ,在 那些 梦幻 泡影 般 的 理想 破裂 时 ,我 们 不 得 不 戴 上 无 所 谓 的 面罩 来 
保护 自己 。 虽 然 有 些 理 想 落空 了 ,自己 也 没有 超 能 力 ,不 是 MIT 毕业 的 , 没 钱 环 游 世界 ,不 
精通 六 国语 言 , 也 没有 经 营 上 市 公司 ,但 是 为 了 表现 出 对 现实 的 叛逆 ,我 依然 假装 坚强 地 坚 
定 自己 的 理想 ,尽管 知道 总 有 一 天 也 会 随波逐流 。 

前 些 天 朋友 历数 了 我 的 一 堆 缺点 。 对 于 这 些 缺 点 我 不 置 可 否 。 我 想起 以 前 打球 的 时 候 
总 是 会 碰 到 一 些 看 似 球 技 拙 劣 , 实 则 得 分 能 力 很 强 的 人 对 位 ,然后 被 打 得 体 无 完 肤 。 我 也 只 
好 自嘲 也 给 自己 脸 上 贴 金 一 番 : 项 羽 打 不 过 刘邦 ,2004 年 的 湖人 打 不 赢 活 塞 , Windows 卖 
得 比 Mac 好 。 这 个 世界 上 有 时 候 就 是 这 样 ,最 成 功 的 往往 不 是 最 优雅 的 。 但 是 无 论 世 道 再 
艰难 ,还 是 要 活 出 雄 狮 般 的 姿态 。 

最 后 来 点 正 能 量 。 虽 然 缺 点 都 是 客观 存在 且 明 知 故 犯 的 ,但 是 从 进化 角度 上 来 看 ,每 个 
人 都 拥有 一 套 让 自己 在 复杂 的 环境 生存 下 去 的 心理 机 制 。 你 之 所 以 知 错 不 改 , 那 必然 是 因 
为 改正 这 个 缺点 所 付出 的 代价 要 比 保留 这 个 缺点 而 把 时 间 花 在 值得 你 关注 的 地 方 获得 的 收 
益 来 得 大 ,所 以 你 虽然 不 完美 ,但 现在 的 你 已 经 是 经 过 一 系列 调整 之 后 的 最 好 的 你 ,而 以 后 
的 你 ,也 必然 比 原来 的 你 来 得 完美 ,而 你 所 需要 做 的 ,就 是 努力 ,努力 奋斗 也 好 ,努力 生活 
也 好 。 

路 再 难 , 姿 态 要 好 看 。 


